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DESCRIPCIÓN DE LA PANTALLA 


1 consideramos la pantalla de nuestro ordenador como un 
«lienzo» en el que vamos a realizar nuestros dibujos, en 
primer lugar necesitaremos conocer las dimensiones y ca- 
racterísticas de dicho «lienzo». 

Una característica fundamental y común a todos los or- 
denadores es el hecho de que la pantalla está dividida en 
«cuadritos» por una retícula. Dicha retícula es inaprecia- 
ble por el usuario, por lo que conviene conocer sus di- 
mensiones exactas. Estas dimensiones varían de un orde- 
nador a otro, por tanto, vamos a describir las diferentes pantallas que po- 
demos encontrar. 


La pantalla de baja resolución en el Spectrum se compone de 22 líneas 
y 32 columnas, es decir, una retícula de 704 «cuadritos» invisibles. 


La memoria del ordenador es capaz de controlar cada una de estas po- 
siciones de la pantalla, para lo cual es necesario identificarlas de alguna 
manera, de forma que se puedan distinguir entre sí. Esto se resuelve nu- 
merando las líneas y las columnas. El Spectrum numera las líneas del 0 al 
21 y de arriba a abajo y las columnas de O a 31 y de izquierda a derecha, 
de forma que una posición cualquiera de pantalla vendrá definida por el 
número de línea y el número de columna en que se encuentra. 

Por debajo de la línea número 21 el Spectrum cuenta con dos líneas 
más, sin embargo, estas dos líneas son para edición de líneas de programa 
y no pueden usarse para escribir o dibujar. 

Además de la retícula de 704 posiciones, el Spectrum puede dividir la 
pantalla en dos zonas verticales: la zona primera está comprendida entre 
las columnas 0 y 15 y la zona segunda entre la 16 y 31. 

En el caso del Amstrad contamos con muchas más posibilidades, ya 
que dispone de tres pantallas distintas para baja resolución. Para distin- 
guir estas tres pantallas vamos a numerarlas con 0, 1 y 2. 
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01 23 456 7 809 u10 1112 1314 1516 17 18 1920 2122 2324 2526 2728 29 30 31 


Fig. 1.1. Pantalla de baja resolución del Spectrum. 
1 2 3 4 5 6 7 8 9 10 1 12 13 14 15 16 17 18 19 


OI id dy 


¿DUNA AAADDAD 


5 6 10 31 12 13 14 15 16 17 18 19 


Fig. 12 Pantalla dE baja resolución del Amstrad en MODE 0. 


La pantalla 0 se compone de 25 líneas y 20 columnas, es decir, 500 po- 
siciones distintas. Las líneas están numeradas del 1 al 25 y de arriba a aba- 
jo y las columnas del 1 al 20 y de izquierda a derecha. 

La pantalla 1 cuenta con 25 líneas y 40 columnas, o lo que es lo mis- 
mo, 1000 posiciones distintas. Las líneas están numeradas del 1 al 25 y las 
columnas del 1 al 40, siempre de arriba a abajo y de izquierda a derecha. 


1234567 8 910 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 


08 088 06810000 19012 10 00 0 (0: 0 1 10 1 E A A A A E 
O RATOS 
A A AO 

HH 


Fig. 1.3. Pantalla de baja resolución del Amstrad en MODE 1. 


Por último, la pantalla 2 está dividida en 25 líneas y 80 columnas, es 
decir, cuenta con 2.000 posiciones distintas. Al igual que en los dos casos 
anteriores, las líneas van numeradas del 1 al 25 y las columnas del 1 al 80. 


El Amstrad, al igual que el Spectrum, también puede dividir la pantalla 
en zonas verticales, cada una de las cuales abarca como mínimo 13 co- 
lumnas. Esto significa que la pantalla O (20 columnas) sólo dispone de una 
zona que abarca toda la pantalla. En el caso de la pantalla 1 (40 colum- 
nas), ésta queda dividida en tres zonas; las dos primeras abarcan 13 co- 
lumnas cada una y la última es de 14 columnas. Por último, la pantalla 2 
cuenta con seis zonas, todas de 13 columnas, excepto la última, que abar- 
ca 15 columnas. Lógicamente, ya que el Amstrad dispone de las tres pan- 
tallas descritas, nos interesa saber cómo podemos cambiar de una a otra. 
Para ello utilizaremos el comando MODE seguido de uno de los números 
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2 4 6 8 1012 14 16 18 20 22 24 26 28 30 32 34 36 38 40 42 44 46 48 50 52 54 56 58 60 62 64 66 68 70 72 74 76 78 80 


24 6 8 1012 14 16 18 20 22 24 26 28 30 32 34 36 38 40 42 44 46 48 50 52 54 56 58 60 62 64 66 68 70 72 74 76 78 80 


Fig. 1.4. Pantalla de baja resolución del Amstrad en MODE 2. 


con los que hemos identificado las distintas pantallas (0, 1, 2). Por ejem- 
plo, tecleando el comando: 


MODE 2 ENTER 


conseguiremos la pantalla 2 de 80 columnas. También podemos utilizar 
MODE como instrucción, dentro de una línea de programa, de forma que 
si colocamos diferentes instrucciones MODE dentro de un mismo progra- 
ma, podremos alternar las tres pantallas durante la ejecución: 


5 PEMo xx MARN BE BAKITATIA 
E THEM MODUS DE FAMITALCLCA * 


HNTOTECSTE- ES EL Mana": 
(ESE ES EE TITO ya 


Gñ- ER I=1 TN 20an0M-NEY7 
e E ll $ AS Sd O A A Ai 


EA AAA 


El programa 1.1 tiene por objeto imprimir en pantalla dos frases en los 
tres modos que existen. El modo va a ir variando en función del valor del 
índice del bucle FOR-NEXT, que se inicia en la línea 40 y se cierra en la 
100. La línea 70 imprime una línea en blanco entre las dos frases. En la 
línea 90 situamos un temporizador, es decir, un bucle que no realiza nada, 
pero que al repetirse muchas veces consigue retardar la ejecución de la lí- 
nea del programa siguiente originando una pausa. 


En cuanto al Commodore, dispone de una pantalla igual a la del modo 
1 del Amstrad, es decir, 25 líneas y 40 columnas, numeradas del 0 al 24 y 
del 0 al 39, respectivamente, empezando siempre en el ángulo superior iz- 
quierdo. 
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Fig. 1.5. Pantalla de baja resolución del Commodore. 


El Commodore dispone de cuatro zonas verticales en la pantalla, cada 
una de las cuales abarca 10 columnas. 

Hasta aquí hemos visto cómo identifica el ordenador la pantalla de baja 
resolución dentro de su memoria. El siguiente paso es el control de dicha 
pantalla. 
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NUMERO DE | NUMERO DE | NUMERO DE] NUMERO DE COLUMNA 
LINEAS | COLUMNAS | ZONAS DE INICIO DE ZONAS 
SPECTRUM E O E 
20 
40 
80 


1 1 
AMSTRAD 25 3 
6 1, 14, 27, 40, 53, 66 


o [| 4 forz0m30 | 


Fig. 1.6. Tabla-resumen de las pantallas de baja resolución. 


SITUANDONOS 
EN LA PANTALLA 


Ahora que ya sabemos que la pantalla está constituida por una retícula, 
vamos a ver las diferentes maneras de situarse en una posición determi- 
nada de dicha retícula. 

La forma mas sencilla de empezar a imprimir en la pantalla es simple- 
mente con la instrucción PRINT, tecleando a continuación lo que desea- 
mos imprimir (constantes numéricas, cadenas, operaciones aritméticas o 
variables). 

Si queremos imprimir varias cosas utilizando un solo PRINT, tendre- 
mos que utilizar los separadores que son el punto y coma (;) y la coma (,). 

Separando los datos con punto y coma conseguimos que éstos se im- 
priman en pantalla uno inmediatamente a continuación del precedente, 
en la misma línea, continuando la impresión en la línea siguiente si se aca- 
ba la anterior. Si separamos los datos con comas, el resultado de la impre- 
sión es que cada dato aparece en una de las zonas de pantalla explicadas 
anteriormente, pudiendo abarcar también varias líneas. 


Al ejecutar el programa 1.2 podemos observar todo lo explicado ante- 
riormente. El primer bucle FOR-NEXT produce la impresión en pantalla 
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de varias líneas de asteriscos yuxtapuestos. La línea 70 imprime dos líneas 
en blanco y el segundo bucle FOR-NEXT imprime varias columnas de as- 
teriscos, tantas como zonas tiene la pantalla. 


Si lo que queremos es comenzar la impresión en una columna deter- 
minada, utilizaremos la función TAB. Esta función va ligada a la instruc- 
ción PRINT y tiene el siguiente formato: 


número 3 
n de línea PRINT [TAB (columna); | cadena 

operación aritmética 

variable 


donde columna es un número que indica la columna de la pantalla donde 
va a comenzar la impresión. 


Entre barras quedan representadas todas las opciones que podemos im- 
primir en pantalla. Por último, el exponente n veces indica que podemos 
incluir varias funciones TAB dentro de un mismo PRINT, separándolas 
unas de otras con punto y coma. 


La función TAB es común a los ordenadores de los que se ocupa el pre- 
sente libro. Sin embargo, podemos matizar un poco más En el Spectrum 
se puede suprimir los paréntesis de la columna y en el Amstrad podemos 
suprimir el punto y coma que va a continuación del número de columna. 


Si además de controlar la columna en la que comienza la impresión, 
queremos definir también en qué línea de la pantalla queremos imprimir, 
podemos utilizar dos funciones: AT en el Spectrum y LOCATE en el Ams- 
trad y el Commodore. 


La función AT va ligada al PRINT y tiene el siguiente formato: 


número n 
n de línea PRINT [AT línea, columna; | cadena 

operación aritmética 

variable 


donde línea es un número entero entre 0 y 21 que indica el número de la 
línea de pantalla donde se va a realizar la impresión, y columna es un nú- 
mero entero entre 0 y 31 que representa la columna de la pantalla a partir 
de la cual comienza la impresión. Al igual que la función TAB, la función 
AT puede repetirse varias veces en un PRINT separándolas con punto y 
coma. 


El programa 1.3 divide la pantalla en cuadrados mediante el uso de las 
funciones TAB y AT. 
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El resultado es una pantalla como la representada en la figura 1.7. 


g0000g0000900009000090000900000 


la) o 
O O 
0 a] 
a] o 
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|] |) 
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0 
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a] 
2] 
la) 
a) 
in OS 
|] 0 
a] a] 
a] |] 
Si TD a as 
la] 
|] 
la] 


D 

() 

ó 
o00000000000000000 


00000000000000000000 


[a] Q o Q 
o00coo coo co CODA OCOOCOOCOoanon 
Fig. 1.7. Ejemplo de pantalla utilizando TAB y AT. 


La función LOCATE tiene la misma misión que AT, pero se introduce 
en el programa de forma distinta, ya que constituye una instrucción inde- 
pendiente del PRINT y se sitúa delante de éste. 

El formato es el siguiente: 


n de línea LOCATE columna, línea 
número 


n de línea PRINT | cadena 
Operación aritmética 
variable 


Otra variación importante respecto al AT es que primero hay que indi- 
car la columna a partir de la cual se va a realizar la impresión y después 
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la línea sobre la que deseamos imprimir, es decir, al contrario que en la 
función AT. 


Tecleando el programa 1.4 y ejecutándolo podemos observar el funcio- 
namiento de LOCATE. 


El Amstrad y el Commodore disponen de la función SPC, que tiene por 
objeto imprimir espacios en blanco en pantalla. Al igual que TAB, debe 
aparecer en una instrucción PRINT. El formato es de este tipo: 


número 

n de línea PRINT SPC (espacios); cadena 
Operación aritmética 
variable 


Donde espacios es un número que indica el número de espacios que 
deseamos imprimir. Así, por ejemplo si tecleamos el comando: 


imprime en pantalla 20 espacios y a continuación la cadena EJEMPLO 
DE SPC 

Por último, conviene saber cómo podemos borrar la pantalla para que 
siempre podamos «limpiarla» para futuros dibujos. En general, se utiliza 
la instrucción CLS (que también puede usarse como comando directo); 
sin embargo, en el Commodore la instrucción correspondierite es: PRINT 
“O*. Para obtener el carácter situado entre comillas hay que pulsar simul- 
táneamente la tecla CLR/HOME y la tecla SHIFT. Si pulsamos estas dos te- 
clas directamente, es decir, sin incluirlas a continuación de un PRINT, 
conseguiremos borrar la pantalla en modo directo. 
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Ya sabemos controlar la impresión en las distintas posiciones de la pan- 
talla; por tanto, ya podemos empezar a realizar nuestros primeros dibujos. 


SPECTRUM [| _* JJ _*_ | 
| AMSTRAD” | * | | 
[commoDorE [FJ 


Fig. 1.8. Tabla-resumen de funciones de situación en pantalla. 
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EMPEZANDO A a 


EL JUEGO DE CARACTERES == 


N un ordenador se denomina carácter a cualquier elemen- 
to que pueda visualizarse en una posición de la pantalla. 
Los ordenadores poseen una serie de caracteres predefi- 
nidos que son las letras (mayúsculas o minúsculas), los nú- 
meros y algunos especiales, como el punto, la coma, el as- 
terisco, etc. 

Los caracteres pueden ser simplemente pulsados por 
el usuario para introducirlos en un programa o pueden de- 
finirse a través de una serie de funciones especiales. Ade- 
más, tienen un código numérico, denominado código ASCII que sirve para 
traducirlos en números. 

La función ASC para Amstrad y Commodore, o CODE para Spectrum, 
sirve para averiguar el código correspondiente a cada carácter. Así, por 
ejemplo, la letra A mayúscula tiene el número de código 65, mientras que 
el del asterisco es el 42 para los tres ordenadores. 

La función CHR$ es más útil y es común a los tres ordenadores. Es la 
función inversa de ASC o CODE y sirve para encontrar el carácter asocia- 
do a un número de código. Así, por ejemplo, el carácter asociado al códi- 
go 70 es la letra F mayúscula. 

Podemos escribir un programa para cada ordenador que nos permita 
visualizar los caracteres asociados a los códigos. Serían los siguientes: 


DIBUJOS SENCILLOS 


Dibujo de líneas 


EXCELSIOR 


Fig. 2.1. Diseño de líneas rectas horizontales. 


El dibujo de una recta formada, por ejemplo, por asteriscos es franca- 
mente sencillo en baja resolución. Lo único que tenemos que hacer es si- 
tuar puntos dentro de una misma fila, variando la posición de la columna 
a lo largo de una recta. 

En un ordenador Spectrum, como vimos en el capítulo anterior, existe 
una función que se denomina AT, que sitúa un carácter en un lugar con- 
creto de la pantalla. Detrás de AT hay que escribir dos números que indi- 
can la fila y la columna en las que queremos imprimir. 
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De esta forma, si queremos dibujar una recta a lo largo de la fila 1, sólo 
tendremos que visualizarla punto a punto, siempre que todos los puntos 
tengan el mismo número de fila. Si, por ejemplo, queremos dibujar una lí- 
nea formada por cinco asteriscos podríamos hacerlo así: 


Evidentemente, esto es un programa mejorable. En BASIC existe una 
estructura que hace más fácil el programar tareas repetitivas. 


Estas estructuras se denominan bucles y son fundamentales en el dise- 
ño de figuras geométricas. Así, por ejemplo, existe un bucle FOR/ 
TO/NEXT en el ordenador Spectrum, en el Amstrad y en el Commodore. 
Además, en el ordenador Amstrad existe un tipo de bucle diferente deno- 
minado WHILE/WEND. 


Por consiguiente, el programa anterior podría hacerse de forma más 
sencilla e incluso ampliarse a 10 asteriscos o más. 


En el Amstrad podemos situar un asterisco, en un lugar concreto, me- 
diante la palabra LOCATE seguida de dos números que indican la colum- 
na y la fila en la que situamos dicho asterisco. Sólo tendríamos que cam- 
biar la línea 50 del programa 2 por la siguiente: 


men Ati 


No sólo podemos dibujar líneas horizontales, sino también líneas vertica- 
les y diagonales gracias a los bucles. 
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Si queremos dibujar una diagonal formada por 10 asteriscos podríamos 
hacerlo en el Spectrum del siguiente modo: 


Fig. 2.2. Dibujo de una línea diagonal. 


En el Amstrad, lógicamente, tendríamos que escribir la línea 50 utili- 
zando la palabra LOCATE 


DIBUJOS EN DOS DIMENSIONES 
Cuadrado 


Fig. 2.3. Los dibujos en dos dimensiones pueden realizarse utilizando bucles ani- 
dados. Este es el caso del cuadrado. 


pa 


3 


Dibujar en dos dimensiones es tan sencillo como el hacerlo en una. 

Si, por ejemplo, queremos dibujar un cuadrado de lado 3, podríamos 
hacerlo basándonos en el dibujo de 3 líneas rectas, cada una con 3 puntos. 
Es decir: 


De nuevo observamos que este programa repite varias veces las mis- 
mas órdenes. En BASIC podemos agrupar bucles, unos dentro de otros, for- 
mando lo que se suele denominar bucles anidados. Estos son muy útiles a 
la hora de dibujar figuras en dos dimensiones. 

Así el programa anterior podría escribirse en el Spectrum de esta ma- 
nera. 


En el Amstrad y en el Commodore sólo habría que cambiar la línea 60 
por la siguiente: 


_—_——AAAA > 


Podemos también dibujar un cuadrado compuesto por cuadrados ne- 
gros. Así conseguiremos que la figura no quede hueca. Ello es posible uti- 
lizando la función CHR$, que hemos visto anteriormente. Además, pode- 
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mos hacer el cuadrado más grande sin más que variar el final de los bu- 
cles anidados. En el caso del Spectrum el programa sería: 


En el Amstrad habría que cambiar la línea 60 por la siguiente: 


Rectángulo 


Fig. 2.4. La técnica de dibujo de un rectángulo es igual que la de un cuadrado. Lo 
único que hay que considerar es que, a diferencia del cuadrado, el rectángulo tiene 
la base y la altura diferentes. 


El dibujo de un rectángulo se basa en la misma técnica de dibujar un 
cuadrado con la peculiaridad de utilizar dos bucles FOR/TO/NEXT con di- 
ferentes valores finales. Así, por ejemplo, si queremos dibujar un rectán- 
gulo de 8 por 5 formado por cuadrados negros, para el Spectrum, ejecu- 
taremos el siguiente programa: 


Sólo habría que cambiar en el Amstrad y en el Commodore la línea 60 
por la siguiente: 


Triángulos y 
otras figuras derivadas 


NE 


Fig. 2.5. Un triángulo rectángulo puede ser considerado como un cuadrado corta- 
do por la diagonal. 


Si pensamos un poco veremos que un triángulo rectángulo no es más 
que un cuadrado cortado por la diagonal. 


Fig. 2.6. Triángulo rectángulo. 
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En realidad, la técnica que se sigue para dibujar un triángulo rectán- 
gulo es la misma que para dibujar un cuadrado, con la particularidad de 
que sólo se visualizan aquellos puntos que estén a la derecha o a la izquier- 
da de la diagonal, según queramos un triángulo u otro. Es decir, tendre- 
mos que poner una condición que sólo permita dibujar aquellos puntos 
que estén sólo a la derecha de la diagonal del cuadrado (incluyéndolo). 
Los puntos de una diagonal son aquéllos cuyo número de fila y de colum- 
na coinciden. Los puntos que están a la izquierda de la diagonal tienen un 
número de fila mayor que el de columna. 

De esta forma, si queremos dibujar un triángulo rectángulo apoyado en 
uno de sus catetos sólo tendríamos que escribir en el Spectrum el siguien- 
te programa: 


En Amstrad tendríamos que cambiar la línea 60 por la siguiente: 


Si quisiéramos dibujar un triángulo invertido sólo deberíamos cambiar 
la condición en la línea 60. 
Para el Spectrum: 


Para el Amstrad: 


El diseño de una pirámide puede hacerse utilizando una técnica algo 
más complicada que la empleada para dibujar un triángulo rectángulo. Te- 
nemos que visualizar en la primera fila un punto, en la siguiente tres pun- 
tos situados simétricamente respecto del anterior, en la siguiente cinco 
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Fig. 2.7. Diseño de una pirámide en dos dimensiones. 


puntos y así sucesivamente. Esto se consigue empleando un bucle para las 
columnas de comienzo y final variables y dependientes de la fila en la que 
estemos. En el Spectrum sería así: 


En el Amstrad sólo habría que cambiar la línea 70 por la siguiente: 


Basándonos en el diseño de una pirámide, podemos dibujar un rombo 
resultado de la suma de dos pirámides, con una de ellas invertida. 

La técnica de la composición consiste en dibujar el rombo comenzan- 
do de forma casi simultánea por sus extremos y llegando hasta el centro 
como último paso. En realidad, se utiliza una forma «simétrica» de diseño. 
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En el caso del Spectrum tendríamos que escribir el siguiente programa: 


== FIGURAS DE 
== DIMENSIONES VARIABLES 


Una manera de generalizar nuestros diseños es el hacerlos de dimen- 


En el Amstrad habría que cambiar la línea 70 por la siguiente: 


A -—_—_—_————— A A  <__== 


Además, sería conveniente añadir una línea de borrado de pantalla des- 
pués de la introducción del dato correspondiente al tamaño del lado, por 
ejemplo: 


===> 


Algo que se recomienda siempre que se escribe un programa es hacer- 
lo a «prueba de bomba». Antes de «presentarlo en sociedad» conviene pen- 
sar en las pegas que puede poner nuestro mejor enemigo. 

Así, por ejemplo, en el Amstrad, para que nuestro cuadrado parezca 
realmente un cuadrado, debemos «obligar» al programa a que se ejecute 
en el tipo de pantalla normal, esto es, la que presenta 40 columnas por 25 
filas. 

Además, si alguno se pasa de listo y pretende sabotear el programa in- 
tentando dibujar un cuadrado que sea mayor que lo que admite la panta- 
lla, el programa no debe caer en la tentación de obedecer, sino que ha de 
rebelarse y negarse a hacerlo. 

Todas estas previsiones se traducen en el siguiente programa para Ams- 
trad: 
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DIBUJO DE CONTORNOS 


Fig. 2.8. Contorno de un rectángulo. Un contorno supone dibujar sólo los puntos 
de los extremos. 


No sólo podemos dibujar figuras totalmente llenas de puntos o asteris- 
cos. También es posible dibujar el contorno de dichas figuras. Lo único 
que hay que hacer es situar los puntos sólo en los lados que forman la fi- 
gura. Ello es posible utilizando un bucle para las columnas que sólo tome 
los valores extremos. Para ello disponemos de la palabra STEP asociada a 
los bucles FOR/TO/NEXT, que permite dar el incremento que se desee a 
la variable de control. 

Si, por ejemplo, se desea dibujar el contorno de un rectángulo, hay que 
considerar tres partes diferenciadas; los dos lados horizontales y los lados 
verticales. Los dos lados horizontales se dibujan con la misma técnica, por 
lo que podemos agruparlos en una subrutina. Los lados verticales pode- 
mos dibujarlos utilizando la palabra STEP. 

En el Spectrum podemos dibujar el contorno de un rectángulo de 15 
unidades de ancho por 10 de largo del siguiente modo: 


Para Amstrad sólo habría que cambiar las líneas 80 y 110 por las si- 
guientes: 


Otra posibilidad de dibujar contornos es la de utilizar condiciones para 
visualizar sólo los puntos donde corresponda. Así, si queremos dibujar el 
contorno de un triángulo rectángulo invertido tendremos que visualizar to- 
dos los puntos de la primera fila, todos los de la última columna y aqué- 
llos que forman parte de la hipotenusa, es decir, los que tengan igual nú- 
mero de fila y de columna. 

O sea, en el caso del Spectrum, tendríamos que escribir este sencillo 
programa: 


Una de las formas más comunes de representar valores, sobre todo en 
el mundo comercial, es el de los diagramas de barras, tanto horizontales 
como verticales. 


DIAGRAMAS DE BARRAS 
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a ME === 
Gestos jos == 


Fig. 2.9. Tipos de diagramas de barras que se dan comúnmente: horizontales y verti- 
cales. 


Este tipo de representación se utiliza muy frecuentemente en activida- 
des de tipo económico, comercial, estadístico, etc. 

Permite, mediante un rápido vistazo, el conocer las variaciones en de- 
terminadas actividades. Su importancia es tal que muchos programas de 
aplicación del tipo de gráficos o de paquetes integrados, o incluso hojas 
de cálculo, los incluyen. 

El diseñar un diagrama de barras, por ejemplo horizontales, es franca- 
mente sencillo en BASIC. Consiste en apilar consecutivamente una serie 
de cuadrados negros, de tal forma que el número de ellos sea igual al de 
la magnitud a representar, siempre que no se salga de la pantalla. 

En primer lugar, desarrollaremos un programa sencillo de representa- 
ción horizontal de notas. El único «truco» es el utilizar un bucle FOR/ 
NEXT cuyo final sea el valor de la nota. El bucle servirá para repetir el cua- 
drado negro, cuyo código es el 143 tantas veces como sea necesario. 

Para el caso del Spectrum el programa sería: 


LUIS IUAEEEE 
PEDRO AO 

ANA NERD 
ROSA di 

ii AE 


Fig. 2.10. Diseño de un gráfico de barras horizontales para el Spectrum. Los datos 
son los apropiados para no tener que utilizar una transformación a escala. 


En el caso del Amstrad vamos a desarrollar un programa algo más com- 
plicado. Supongamos que tenemos el caso de una serie de ventas de unos 
almacenes. Lógicamente, las cifras se saldrían de la pantalla del ordenador. 

Habría que representar a escala los resultados. Una forma de hacerlo 
es buscando el valor máximo de todas las ventas y «llenar» la pantalla con 
ese valor. Los demás datos se representarían a escala respecto del máximo. 

Por tanto, en la primera fase del programa tendríamos que leer los da- 
tos. A continuación habría que determinar el máximo de todos ellos para 
adecuar el resto al tamaño de la pantalla. Por último, deberíamos repre- 
sentar los valores «transformados» como diagramas de barras horizontales. 

En definitiva, el programa sería ei siguiente: 


FEÉEMBASDbAr A. 


MMISETTEMPORSADS) UENTASCTEMPURADA? 
AN SÓ AA A 
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ER TEMBADA! 
1é£0 FOR TEMPO 


SA PS 
¿20 FOR BARRA=1 TO BARF ¿ALTTEMPORADA) 
a. > 


HO DATA - INUWTERNO, 100000000 
ia SO on o A 


PRIMAVERA EPOEDAAEn 

VERANO dl 
OTONa bl 
IMWIERNO AUREA E ROA TETATIonn: 


Fig. 2.11. Diseño de un gráfico de barras horizontales para el Amstrad. Debemos 
transformar los datos dejándolos a escala para poder encajarlos en la pantalla. 


OTROS DIBUJOS 
COMENTADOS 


Ahora que ya sabemos cómo diseñar figuras sencillas, estamos en dis- 


Bandera de los Estados Unidos 
cx 


LEFERAL 
zer 
LEFALER 

ee 


XKEEXAKA 


ze 
DUETO EAS 
A 
ESA AA DAA 


Fig. 2.12. Bandera de los Estados Unidos de América en blanco y negro. 


Este ejemplo está compuesto por un cuadrado de estrellas y dos dia- 
gramas de barras. Dibujaremos primero un cuadrado de 7 por 7 estrellas; 
a continuación diseñaremos las barras que están a la derecha de las estre- 
llas; por último, visualizaremos las barras situadas en la parte inferior de 
la bandera. 

El único requisito que hay que cumplir es el situar adecuadamente cada 
cosa en su sitio. 

Para el Spectrum, el programa sería el siguiente: 


AC BEM e —HAaARRA! 
O TAETT RA EI FIFA 


En el caso del Amstrad habría que hacer unas pequeñas modificacio- 
nes, con lo que obtendríamos el siguiente programa: 


== Casita de campo 


Como aplicación de lo visto anteriormente (bucles FOR/TO/NEXT), va- 
mos a dibujar un esbozo de casa de campo. 


Fig. 2.13. Intento de hacer un dibujo complejo e irregular como es una casa, aun- 
que en modo simplificado. 
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En general, cuando un dibujo se complica, y sobre todo cuando es irre- 
gular, suele utilizarse la técnica de suministrar al programa todos los da- 
tos de las coordenadas de todos los puntos mediante la palabra DATA. Los 
programas no son difíciles de comprender, pero tampoco enseñan ningu- 
na técnica nueva. Por ello, vamos a dibujar la casa utilizando las técnicas 
vistas hasta ahora, es decir, bucles anidados. 

En el caso del Spectrum, el programa sería el siguiente: 


10 REM XXXL = 
20 REM *x MI CASA SPECTRUM *x 
3JO REM RAXXXHXXEXXXKXXXAXXXA 
40 REM x%x TEJADO + 
Se FOR F=1 TO 7? 
60 FOR C=?-F TO 7+F STEP F*2 
7Q PRINT AT F,C;"." 
3a NEXT C: NEXT F 
20 REM xx ARMAZON * 

100 FOR F=7? TO 21 

104 LET D=ul4 

110 LET D=14 

120 IF F=7? THEN LET D=1 

130 FOR C=0 TO 14 STEP D 

140 PRINT AT F,C;".” 

150 NEXT C: NEXT F 

160 REM x*x PUERTA +* 

174 FOR F=183 TO 21 

13090 FOR C=56 TO 8 

1909 PRINT AT F,C;".”" 

200 NEXT C: NEXT F 

210 REM * VENTANAS x 


220 FOR F=93 TO 11 
230 FOR C=2 TO 4 

240 PRINT AT F,C;"." 
250 NEXT C 

260 FOR C=10 TO 12 
270 PRINT AT F,C;".”" 
280 NEXT C: NEXT F 


Para el Amstrad habría que hacer unas pequeñas modificaciones. El 
programa sería el siguiente: 


10 REM XEXEELELAELLE REE 
20 REM * MI CASITA DE CAMPO AMSTRAD *x 
30 REM AXEL LARREA 
40 CLS === = A === 
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EL MUNDO 
DE LOS COLORES 


ADO que la filosofía del coloreado es distinta en cada or- 
denador, vamos a subdividir el capítulo en dos partes di- 
ferenciadas. La primera versará sobre el mundo de los co- 
lores para el Spectrum y la segunda tratará sobre el Ams- 
trad. Al final del capítulo daremos unas breves referencias 
sobre el Commodore. Además, escribiremos algunos pro- 
gramas del capítulo anterior, incluyendo los colores. 


LOS COLORES 
EN EL SPECTRUM 


En un ordenador Spectrum disponemos de 8 colores, siempre y cuan- 
-do, lógicamente, tengamos un monitor en color. 

Cada color se corresponde con un código numérico diferente, que es 
el siguiente: 


Jl 


| 


CODIGO COLOR 


NEGRO 
AZUL 

ROJO 
PURPURA 
VERDE 
AZUL CLARO 
AMARILLO 
BLANCO 


Cuando escribimos algo en la pantalla, aunque no lo parezca, existen 
tres partes que hay que tener en cuenta. Está lo que escribimos, pero ade- 
más tenemos que considerar dónde escribimos y los bordes de la pantalla. 


Y 0 U E YN -= O 
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En resumen, debemos tener en cuenta la «tinta», el «papel» y los «bordes». 
Para cada una de estas características existe una palabra en BASIC que per- 
mite cambiarla de color. Concretamente: 


En cada caso el número n indica el número de código de color que de- 
seemos (ver tabla de código). 

Cuando se enciende el ordenador, tanto el color del papel como el del 
borde es blanco (código 7) mientras que el de la tinta es negro. 

Podemos, por supuesto, cambiar el color de lo que queramos. Vamos 
inicialmente, puesto que es lo más intuitivo, a cambiar el color de la tinta 
con la que escribimos. Ello se consigue mediante la instrucción INK se- 
guida de un número entre el 0 y el 7. Con ello lo que conseguiremos es 
cambiar el color de lo que escribamos en la pantalla. 

Como la mejor forma de aprender a andar es andando, vamos a escri- 
bir un programa muy sencillo para visualizar un nombre (por ejemplo, 
PEPE) en color azul (luego nos iremos complicando la vida poco a poco). 


10 INK 4 
20 PRINT "PEPE" 


Si ahora queremos listar el programa, veremos que todo el listado apa- 
rece en azul. Esto significa que para recuperar el color negro original ten- 
dríamos que decírselo al ordenador. Añadamos, pues, una línea al pro- 
grama. 


30 INK O 


El nombre «PEPE>» se ve en azul y el listado en negro. Cada vez que que- 
ramos cambiar de color habrá que indicarlo en el programas antes de vi- 
sualizar. 


36 


Si quisiéramos ver los 8 colores de la tinta sólo tendríamos que escribir: 


Si ejecutamos el programa veremos que aparecen sólo «PEPES» del 0 
al 6. El último no aparece sencillamente porque se está escribiendo en co- 
lor blanco, que es el del papel (todavía no sabemos cómo cambiarlo). Esto 
es algo parecido a si intentásemos escribir en una pizarra con una tiza 
negra. 

Si queremos ver algo más serio, basta con escribir un programa lige- 
ramente más complicado. Este programa nos permitirá dibujar barras ho- 
rizontales cada una de un color diferente. 


aa REMO *..... ARAARARR RRA 


(39 REMO* LOS COLORES  * 
4Q REM *x EN EL SPECTRUM 
50 REM AAA 
50 FOR A=0 TO 6 : 

7QA INK A 

30 FOR E=0 TO 4 EZ 
30 PRINT CHR$ (143); E 
104 NEXT B : 

110 PRINT : PRINT 

ET ST Y e - 

130 INK Q = 


Además de cambiar el color de la tinta, podemos cambiar el color del 
papel. Para ello debemos utilizar la palabra PAPER seguida de un número. 
Probemos con el siguiente programa: 


10 FOR A=1 TO 7 AA 
20 PAPER A A 
30 PRINT "PEPE" = == 
40 NEXT A 


Si lo ejecutamos veremos que realmente no es oro todo lo que reluce. 
El «papel» sólo cambia de color si se «entera». Si no se escribe algo en él 
o se borra la pantalla, no se podrá hacer gran cosa. Si escribimos un pro- 
grama que cada vez que cambie el color del papel borre la pantalla, el efec- 
to será diferente. Como no tenemos una vista de pájaro, incluimos un bu- 
cle retardador en la línea 110. 


También podemos cambiar el color de los bordes de la pantalla. Esto 
puede conseguirse mediante la palabra BORDER seguida de un número, 
que será, lógicamente, el del código de color correspondiente. 

Si añadimos al programa anterior una línea: 


veremos el efecto que produce. 

Las instrucciones INK y PAPER pueden incluirse también dentro de un 
PRINT, de este modo el cambio de color de tinta o de papel sólo afectará 
al conjunto de caracteres que esté dentro de ese PRINT. 


EFECTOS ESPECIALES 


Con un Spectrum podemos, además, realizar diversos efectos especia- 
les, como son flashes, brillos, sobreimpresiones y vídeos inversos. Para ello 
existen unas palabras en BASIC que son las siguientes: 


3 


3 


Todas ellas llevan un número. 
En el caso de FLASH y BRIGHT, este número puede ser 0, 1 u 8. En el 
caso de INVERSE y OVER sólo puede ser 0 ó 1. 


Si escribimos FLASH 1, conseguiremos que tanto el papel como la tin- 
ta se enciendan y se apaguen intermitentemente, produciendo un efecto 
de parpadeo. Este efecto se anula escribiendo FLASH 0. Tienen vigencia a 
partir de donde se escriban. Podemos escribir un programa sencillo, por 
ejemplo: 


Si ejecutamos el programa veremos que sólo se producen intermiten- 
cias en el sitio donde imprimamos el nombre. Para que el ordenador se 
«entere» de que «todo» debe estar intermitente, habrá que dar una orden 
después de FLASH 1 que afecte a toda la pantalla. Es decir, lo mejor es 
hacer: 


Si queremos desactivar el efecto de parpadeo, utilizaremos la instruc- 
ción FLASH 0. Una vez hecho esto hay que «abarcar» toda la pantalla (CLS). 
Podemos utilizar una espera (PAUSE) para ver el resultado final. Es decir: 
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En general todas estas instrucciones de efectos especiales funcionan de 
igual forma. 


Bright 


La instrucción BRIGHT 1 hace que el papel aparezca sobreiluminado. 
Para cancelarlo se emplea BRIGHT 0. 


-  Inverse 


INVERSE 1 hace que los puntos que debían estar encendidos se apa- 
guen, y viceversa. Nunca puede afectar a toda la pantalla, sino sólo a los 
caracteres impresos. Se cancela con INVERSE O. 


Over 


OVER 1 permite imprimir dos caracteres en una misma posición de la 
pantalla, produciéndose el efecto siguiente: si los puntos encendidos del 
segundo carácter coinciden sobre puntos apagados del primero, dichos 
puntos se encienden, y si coinciden sobre puntos también encendidos del 
primer carácter entonces se apagan. Por otra parte, si los puntos apagados 
del segundo carácter coinciden sobre puntos encendidos del primero, es- 
tos puntos permanecen encendidos, y si en ambos caracteres los puntos 
están apagados, entonces permanecen apagados. 

Por último, las instrucciones BRIGHT, FLASH, INVERSE y OVER pue- 
den escribirse como instrucciones independientes en una línea de progra- 
ma, O pueden incluirse dentro de un PRINT, en cuyo caso sólo afectarán 
al conjunto de caracteres que vayan a continuación de dicho PRINT. 
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A continuación escribiremos un programa de demostración de los efec- 
tos especiales. Al final del capítulo se incluirán programas vistos en el se- 
gundo, pero con color. 


0 REM HARE 

E AS="EFECTOS ESPECIALES = 
DEL SPECTRUM” : 
560 PRINT AT O2,1;A5$ === 
TQ PRINT AT 4, 13; "NORMAL" 
Sa PAUSE 190 
20 BRIGHT 1 === = 
10 PRINT AT 56,1;As = > 
AN >> === 
(120 PAUSE 1090 = 
cC150 BRIGHT OQ: FLASH 1 == = 
140 PRINT AT 10,1;A%$ 

150 PRINT AT 12,12; "FARPADEO" 

169 PAUSE 190 

170 FLASH 0: INVERSE 1 

130 PRINT AT 14,1;AS% 

190 PRIMNT AT 16,12; "INVERSO" 

2040 PAUSE 1808 

210 INVERSE 0: BRIGHT 1: FLASH 


L 

220 PRINT AT 18.,1:A% 

230 PRINT AT 20, 7; "BRILLO E PAR = 
FADEO" z 
240 BRIGHT Q: FLASHA Q 


ATRIBUTOS DE UN CARACTER 


La función ATTR sirve para averiguar la situación de los atributos de 
una determinada posición de la pantalla. Como resultado devuelve un nú- 
mero decimal entre O y 255, que informa de la situación del FLASH, 


BRIGHT, PAPER e INK. 
Su sintaxis es: 


ATTR (FILA, COLUMNA) 
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LOS COLORES EN EL AMSTRAD 


En un ordenador Amstrad pueden lograrse hasta 27 colores diferentes, 
lo cual no quiere decir que podemos disponer de ellos al mismo tiempo. 

Cada color se corresponde con un código numérico diferente, que es 
el siguiente: 


TABLA MAESTRA DE COLORES 


N. TINTA COLOR TINTA N. TINTA COLOR TINTA 

0 Negro 14 Azul pastel 

1 Azul 15 Naranja 

2 Azul brillante 16 Rosa 

3 Rojo 17 Magenta pastel 

4 Magenta 18 Verde brillante 

5 Malva 19 Verde marino 

6 Rojo brillante 20 Ciano brillante 

7 Púrpura 21 Verde lima 

8 Magenta brillante 22 Verde pastel 

9 Verde 23 Ciano pastel 
10 Ciano 24 Amarillo brillante 
11 Azul cielo 25 Amarillo pastel 
12 Amarillo 26 Blanco brillante 
13 Blanco 


Existen cuatro palabras para poder manipular los diferentes colores. 
Son las siguientes: 
INK 
PEN 
PAPER 
BORDER 


Como mínimo hay que asignar dos parámetros a la primera de las pa- 
labras (INK). Las otras tres funcionan con un sólo número. 

El color del borde (BORDER) funciona «normalmente». El número que 
se indica coincide, como era de esperar, con el número de código del co- 
lor cuya tabla hemos incluido anteriormente. Así, por ejemplo, si escribi- 


mos: 


al ejecutar el programa, automáticamente cambiará el borde de la panta- 
lla a color naranja, como era previsible. 
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Pero no todo es tan sencillo como parece. Las instrucciones PEN y PA- 
PER funcionan de un modo algo diferente. El número de código del color 
no corresponde con el número que se indica detrás de PEN o PAPER. Así, 
por ejemplo, si escribimos PEN 11 no aparecerá el color azul celeste. Si, 
además, cambiamos los modos de la pantalla, veremos que cambia el co- 
lor del siguiente modo: 


PEN 11 


MODO 0. COLORROSA 
MODO 1 COLOR ROJO INTENSO 
MODO 2  COLORAMARILLO INTENSO 


Esto se debe a que la cantidad de memoria que se emplea en el alma- 
cenamiento de la pantalla no es suficiente para utilizar simultáneamente 
todos los colores. En definitiva, sólo podemos ver simultáneamente los si- 
guientes colores (dependiendo del modo de escritura). 


MODO 0: 16 colores diferentes 
MODO 1: 4 colores diferentes 
MODO 2: 2 colores diferentes 


El número que se escribe detrás de PAPER o PEN no puede ser mayor 
de 15 (desde O hasta 15). 

Este número no es un número de color, sino un número de TINTERO. 
Cuando se enciende el ordenador tenemos la siguiente relación entre co- 
lores, plumas y papeles (estos dos últimos serían el número de tintero). 


COLOR DE LA TINTA 
N. PAPEL/PLUMA MODO 0 MODO 1 MODO 2 


0 1 1 1 
1 24 24 24 
2 20 20 1 
3 6 6 24 
4 26 1 1 
5 0 24 24 
6 2 20 1 
7 8 6 24 
8 10 1 1 
9 1:2 24 24 
10 14 20 1 
11 16 6 24 
12 18 1 1 
13 22 24 24 
14 Parpadeo 1,24 20 1 
15 Parpadeo 16,11 6 24 
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Es decir, en modo 1, si escribimos PAPER 11 seguido de CLS, el fondo 
de la pantalla será de color 6, es decir, rojo intenso. 

Podemos observar en la tabla de «plumas» que en modo 2 aparente- 
mente sólo podríamos disponer de los colores azul y amarillo. Esto no es 
cierto; sólo podemos ver dos colores a la vez, pero éstos pueden ser cual- 
quiera de ellos. 

Para ello disponemos de la palabra INK. Detrás de dicha palabra hay 
que especificar dos números. El primero hace alusión al tintero que se em- 
plea. El segundo al número de código del color. Por ejemplo, si escribimos: 


observaremos que el fondo de la pantalla queda de color blanco. Ello se 
debe a que se ha asignado al tintero 2, utilizado para el papel, el color de 
código 26, es decir, el blanco brillante. 

Normalmente, si no se especifica lo contrario el tintero O está asignado 
al papel y el tintero 1 a la pluma. 

Si escribimos: 


Veremos que el papel queda de color blanco brillante y la pluma para 
escribir de color negro. 
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LOS COLORES AL AZAR 


Esta parte vale tanto para Amstrad como para Spectrum. Existe en am- 
bos una función denominada RND que proporciona como resultado nú- 
meros aleatorios. Puede servirnos en este capítulo para dar colores alea- 
torios a diversas composiciones. La forma de escribir RND es utilizando 
la función INT (parte entera) para, de esta forma, obtener como resultado 
números enteros. Si, por ejemplo, queremos obtener números aleatorios 
entre el 0 y el 12 y les queremos asignar a la variable a, habremos de es- 
cribir: 


Si nuestro número ha de estar comprendido entre 2 y 14, habrá que es- 
cribir: 


Por ejemplo, si queremos dar colores al azar en el Spectrum (colores 
entre el 0 y el 7), habrá que escribir: 


En el Amstrad (entre el 0 y el 26): 


En este último hay que tener en cuenta que no todos los colores po- 
drán coexistir. 


LOS COLORES EN EL COMMODORE 


El Commodore dispone de 16 colores tanto para la tinta como para el 
papel (fondo) y el borde. 

Para variar los colores de la tinta tenemos que pulsar la tecla CTRL al 
mismo tiempo que un número cualquiera comprendido entre 1 y 8. 

De esta manera podemos obtener los ocho primeros colores. Pulsando 
la tecla «Commodore» a la vez que un número cualquiera entre 1 y 8, ob- 
tendremos los ocho colores restantes. Cada uno de estos colores está re- 


presentado por un carácter especial, tal y como podemos ver en la flgu- 
ra 3.1. 


TECLADO COLOR PRESENTACION 


4 
m 
o 
al 
> 
o 
o 


COLOR PRESENTACION 


GNO nero a QUO o nara E 
BLANCO QO vanos LO 
ROJO al QO  rooci o] 
GO can MA QUO cs: 
GO rurura Mi (q GRIS 2 se 
GO vero n GD — veoc. Ml 
AZUL pa [€ AZUL CL. 

GENOA mario QO ss s. 


Los 8 primeros colores de la tinta también podemos obtenerlos me- 
diante su código asociado. Si tecleamos el programa 3.11, podemos con- 
seguir una pantalla llena de colores. 

La línea 5 sirve para borrar la pantalla y la línea 10 para imprimir cua- 
tro espacios inversos, es decir, cuatro cuadritos del color de la tinta. 


men MM £ CUADROS 
o > ll E LAS 


Por otra parte, la pantalla y el borde también se pueden cambiar de co- 
lor. Con un POKE (véase en el capítulo 4 la explicación detallada de esta 
instrucción) sobre las direcciones de memoria correspondientes al color 
de la pantalla y al color del borde, obtendremos los colores deseados en- 
tre una gama de 16 (numerados del 0 al 15). 


0 NEGRO 8 NARANJA 
1 BLANCO 9 MARRON 

2 ROJO 10 ROJO CLARO 
3 CIAN 11 GRIS 1 

4 PURPURA 12 GRIS 2 

5 VERDE 13 VERDE CLARO 
6 AZUL 14 AZUL CLARO 

7 AMARILLO 15 GRIS 3 


La dirección de memoria correspondiente al color de borde es la 53280 
y la del color del fondo (pantalla) es la 533281. De modo que, por ejemplo, 
un POKE 53281,8 pondrá la pantalla de color naranja. 
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DISEÑANDO FIGURAS NUEVAS 4 


LA MALLA DE 8 POR 8 => 


OMO ya vimos en el capítulo 1, la pantalla del ordenador 
está formada por una retícula que la divide en «cuadritos» 
o posiciones. En cada una de estas posiciones podemos 
imprimir un carácter, es decir, una letra, un número o un 
signo. Pues bien, para que esto sea posible, cada una de 
estas posiciones de pantalla está dividida a su vez por una 
retícula o malla de 8 por 8 puntos, o lo que es lo mismo, 
o cada posición está compuesta de 64 puntos. Cada uno de 
estos puntos, también llamados pixels, puede tener dos es- 
tados: encendido o apagado. Los puntos encendidos son los que realmen- 
te se imprimen en pantalla y, por tanto, tendrán el color de la tinta, mien- 
tras que los puntos apagados tendrán el color del «papel», es decir, del fon- 
do de la pantalla. Esto quiere decir que cada uno de los caracteres dispo- 
nibles en el teclado del ordenador tiene que estar definido en una malla 
de 8 por 8 puntos, para que sea posible su impresión en pantalla. 

La figura 4.1 muestra la combinación de puntos encendidos y apaga- 
dos correspondiente a la definición de la S minúscula en la malla de 8 por 
8. Los puntos negros representan los puntos encendidos y los blancos los 
apagados. Del mismo modo está definido todo el juego de caracteres del 
teclado de forma que, cuando usamos PRINT para imprimir un carácter 
cualquiera en la pantalla, lo que hace el ordenador es mostrarnos el con- 
junto de puntos encendidos y apagados que corresponde a dicho carácter, 
y que él tiene almacenado en su memoria. 


== EL ORDENADOR POR DENTRO 


Para llegar a dominar el tema de los gráficos en ordenador es intere- 
sante conocer cómo funciona el ordenador por dentro. Pero no es nece- 
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Fig. 4.1. Representación de la S minúscula en la malla de 8 por 8. 


sario un estudio exhaustivo del interior de nuestro ordenador, sino que 
basta con entender un poco cómo se compone la memoria y cómo la con- 
trola el ordenador. 

La memoria central podríamos asimilarla a un casillero con miles de 
casillas, en cada una de las cuales podríamos guardar una cosa. En el caso 
del ordenador cada casilla es lo que se denomina celda de memoria y en 
cada una de estas celdas podemos almacenar un carácter (letra, número 
O signo). 

La forma en que el ordenador almacena un carácter en una celda de 
memoria es mediante su código ASCII (del cual hablamos en el capítu- 
lo 2). Esto quiere decir que, por ejemplo, la letra A está almacenada en me- 
moria como un 65 que es su código ASCII asociado. 

Todos los caracteres predefinidos en el teclado están almacenados de 
esta forma en la memoria ROM. 

Por otra parte, para distinguir una celda de memoria de otra, cada una 
de ellas tiene asignado un número, que se denomina dirección de memo- 
ria. Hay que tener cuidado y no confundir la dirección de memoria con 
el código ASCII. La primera representa la celda de memoria, mientras que 
el código representa el dato almacenado en esa celda. 

Los programas y datos que introducimos nosotros en el ordenador que- 
dan almacenados en las celdas de la memoria RAM. 

Por tanto, hemos visto que la memoria está dividida en dos grandes zo- 
nas: la memoria ROM (Read Only Memory), a la cual sólo se puede acce- 
der para «leer» el contenido de la misma; y la memoria RAM (Random Ac- 
cess Memory), que sirve para «leer» y «escribir» información. 
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16 K = 16.384 bytes 48 K = 49.152 bytes 


ROM RAM 
y ) | 
00000 16.384 65.535 


Fig. 4.2. Esquema de memoria del Spectrum de 48 K. 


PEEK Y POKE 


Estas dos instrucciones están orientadas a darnos información y a ma- 
nipular sobre las posiciones o celdas de memoria. Pero vamos a estudiar 
el significado y funcionamiento de cada una de ellas. 

PEEK significa en castellano «atisbar», lo que nos da una idea de lo que 
podemos hacer con esta instrucción. Con PEEK «atisbamos» lo que hay 
en una determinada posición de memoria definida por su dirección. Esto 
significa que un PEEK sobre una dirección de memoria cualquiera nos de- 
volverá un número decimal entre O y 255. Este número representará una 
letra, un carácter o un signo (recordemos el código ASCII). Por ejemplo, 


En pantalla aparecerá un O que representa el dato almacenado en la cel- 
da de dirección de memoria 18121. 

Para ver lo que hay almacenado en todas las posiciones de memoria 
RAM del Spectrum sólo tenemos que ejecutar el programa 4.1. 


Por supuesto, la ejecución entera de este programa ocupará muchísi- 
mas pantallas. 

En cuanto a POKE,la traducción al castellano sería «hurgar», es deck 
que nos dirigimos a una dirección de memoria determinada para insertar 
en ella un determinado valor. Esto significa que podríamos dirigirnos a 
una posición de memoria situada dentro de la ROM y alterar su conteni- 
do; por tanto, la instrucción POKE es «peligrosa», ya que podríamos mo- 
dificar sectores de memoria vitales. 

Como ejemplo podemos teclear el comando: 


que almacena en la posición de memoria 18121 el número decimal 65. Si 
ahora tecleamos: 


AAA A = 


En pantalla aparecerá el 65. Si lo que queremos es imprimir en panta- 
lla el carácter correspondiente al código almacenado, tendremos que te- 
clear: 


y en pantalla aparecerá la letra A. 

Hasta aquí hemos hablado un poco de cómo está compuesta la memo- 
ria y ya sabemos cómo introducir un dato en una posición de memoria de- 
terminada, así que ya podemos pasar a ver el modo de definir nuestros pro- 
pios caracteres. 


DEFINICION DE CARACTERES 
EN EL SPECTRUM 


Aparte de los caracteres definidos en el teclado, nosotros podemos de- 
finir caracteres nuevos introduciendo unas pocas instrucciones sencillas 
en el ordenador. 

Estos nuevos caracteres tendrán que estar asignados al teclado para 
que luego podamos imprimirlos. Las teclas válidas para definir caracteres 
en el Spectrum son de la A a la U, lo que significa que podemos definir 21 


52 


caracteres nuevos. A grandes rasgos, para definir un carácter lo que tene- 
mos que hacer es indicarle al ordenador de alguna manera los puntos en- 
cendidos que van a representar dicho carácter, y los puntos apagados en 
la malla de 8 por 8 puntos ya mencionada. 

Dicha malla de 8 por 8 queda definida en la memoria del ordenador 
por 8 celdas de memoria, también llamadas bytes. Cada uno de estos ocho 
bytes está compuesto por 8 bits. El bit es la unidad más pequeña de me-- 
moria y en él sólo puede almacenarse un 0 o un 1. Esto significa que en 
un byte habrá almacenada una secuencia de ceros y unos. Esto último pa- 
rece que está en contradicción con lo que explicamos anteriormente de 
que en una celda o byte se almacenaba un número decimal comprendido 
entre O y 255. Pero en realidad tiene el mismo significado, ya que una se- 
cuencia de 8 cifras compuesta por ceros y unos es la representación de un 
número decimal en sistema binario. 


BYTE 


A A 


BIT 
Fig. 4.3. Esquema de una celda de memoria o byte. 


En la figura 4.3 está representado el esquema de un byte con sus 8 b:ts. 
Para averiguar el número decimal correspondiente al binario almacenado 
podemos hacer la operación representada en la figura 4.4. 


A RA e 


99119119 = 25 + 21 + 22 +2! =32+ 16+4+2=54 
—__—— _—=— 
n.* binario n.* decimal 


Fig. 4.4. Conversión de sistema binario o decimal. 


De todas formas, para mayor comodidad al final del libro se incluye 
una tabla de conversión decimal-binario. 
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Visto esto sacamos en conclusión que para definir un carácter nuevo 
tendremos que introducir 8 números binarios en 8 posiciones de memo- 
ria consecutivas. Los números 1 representarán los puntos encendidos que 
definen el carácter y los números O los puntos apagados. 


8 BYTES 


Fig. 4.5. Diseño de un «hombrecito» en la malla de 8 por 8 y su representación 
binaria. 


La figura 4.5 representa los 8 bytes necesarios para definir un «hom- 
brecito», así como el carácter que resultaría. 

Hemos dicho anteriormente que cada carácter que definamos lo tene- 
mos que asignar a una tecla comprendida entre la A y la U. 

Pero ¿cómo sabemos las 8 posiciones de memoria que corresponden a 
cada tecla para la definición de caracteres? La zona de memoria RAM re- 
servada para la definición de caracteres es la comprendida entre las direc- 
ciones 64349 y 64516, es decir, 168 posiciones de memoria que dividido 
entre 8 posiciones para cada carácter nos da exactamente los 21 caracte- 
res que podemos definir. Sin embargo no necesitamos recordar estas di- 
recciones de memoria, ya que el Spectrum cuenta con la instrucción USR 
que se encarga de buscar la dirección de memoria correspondiente a una 
tecla. 

Así, por ejemplo, si queremos saber cuál es la primera dirección de me- 
moria en la que podemos empezar a definir caracteres podemos teclear: 


y en pantalla aparecerá la dirección 64349 que, junto con las 7 direccio- 
nes siguientes forman el conjunto de 8 bytes necesario para definir un ca- 
rácter en la tecla de la letra A. 

Una vez que ya sabemos cómo buscar las direcciones de memoria que 
nos interesan, tenemos que ver cómo podemos introducir un número bi- 
nario en cada posición de memoria. Habíamos visto que con la instruc- 
ción POKE podíamos introducir un número decimal en una posición de 
memoria. 

Continuando con el ejemplo de la figura 4.5 para introducir el «hom- 
brecito» en la tecla A, tendríamos que transformar los 8 números binarios 
que lo forman en números decimales. La equivalencia sería la siguiente: 


00011000 = 24 
00011000 = 24 
01111110 = 126 
10011001 = 153 
10111101 = 189 
00100100 = 36 
00100100 = 36 
01100110 = 102 


Una vez conocidos los 8 números decimales correspondientes se trata- 
ría de hacer 8 POKE sobre las 8 posiciones de memoria correspondientes 
a la tecla A. Esto es lo que hace el programa 4.2. 


6 UR Y 8 Y O O O O O O AR O AO TO TT 


A 


Los POKE que van de la línea 40 a la 110 introducen en las 8 posicio- 
nes de memoria correspondientes a la definición de caracteres en la tecla 
A los 8 números decimales que representan a los 8 binarios que definen 
el «hombrecito». La función USR se encarga de «buscar» las 8 direcciones 
de memoria necesarias. 

Para poder visualizar a nuestro «hombrecito» en pantalla primero ten- 
dremos que ejecutar el programa 4.2. Una vez ejecutado, cada vez que pul- 
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semos la tecla A en modo gráfico (el modo gráfico se obtiene pulsando si- 
multáneamente CAPS SHIFT y GRAPHICS) aparecerá nuestro hombrecito 
en la pantalla. 


*R 


Fig. 4.6. «Hombrecito» definido en la tecla A del Spectrum. 


Sin embargo, resulta bastante engorroso tener que transformar núme- 
ros binarios a decimales cada vez que queramos introducir un nuevo ca- 
rácter en el teclado. Lo ideal sería poder introducir directamente los nú- 
meros binarios que forman el carácter. Esto podemos hacerlo utilizando 
la función BIN. BIN se encarga de indicar al ordenador que se va a intro- 
ducir un número binario en lugar de decimal. 

Si tecleamos, por ejemplo, el comando: 


PRINT BINOO110110 


Nos imprimirá en pantalla el 54, que es el número decimal equivalente 
al binario tecleado. 

Así que ahora que conocemos la función BIN, ya podemos introducir 
a nuestro «hombrecito» en la tecla A del ordenador directamente en có- 
digo binario. 


18 1 REM RARA RARE 
20 REM * DEFINICION DE UN- == 
30 REM_* -————HOMBRECITOS —— + 
== 20 REM AAA er. 


78 POKE USR " SC AT+3, BIN 3 


120 POKE USA CA” +7,BIN G1100110 == 


El programa 4.3 tiene el mismo objetivo que el 4.2, sólo que en este 
caso los números introducidos en las posiciones de memoria están en có- 
digo binario. 

Si al programa 4.3 le añadimos el programa 4.4, al ejecutarlo consegui- 
remos una pantalla llena de «hombrecitos» de la mano como la de la figu- 
ra 4.7. 
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======== o a tee === 
== 254 DH—E=0-T70—33 == == 
== 260 PRINT PAT F, 287 qe 

= - 270 NEXT C z 

= 230 MEXT F z = 


El primer bucle (línea 230) va contando las líneas de la pantalla de dos 
en dos y el segundo bucle (línea 240) cuenta las columnas de una en una 
de modo que mediante la función AT (línea 250) conseguimos que se im- 
priman una línea sí y una no de hombrecitos de la mano. 


BRARARRRAAAAA REA ARA RA ARA ARA RARA AA 
BAERARARA ARA AAA RA RRARA RA RARA RARA 
RARRARADARARA AAA RARA RRA RAR RA RAR 
RARRARARA DARA RARA RARA RARA RA RAR 
BRRARARRARARA A RARA RARA RAR RARA RAR 
RARRARRARA RARE RRA RRARRARARARRAR AER 
RAERRARRARAARARRRRARRARRARRARRARRAR 
BRRARARARRR AA RRA RRA RARRARRARAA RARA 
RERARARRARRAR ARA A RARA RARA RAARA 
BRRARAARRARRARRARA AA RARA ARA DARA 
RAERRARRARRERERRARARAR RAR RAR RARAR 


Fig. 4.7. Estos «hombrecitos» de la mano es el resultado de la ejecución del pro- 
grama 4.4 unido al 4.3. 


Una particularidad de los caracteres definidos por el usuario es que no 
desaparecen de la memoria aunque tecleemos el comando NEW, que 
borra los programas y datos almacenados en memoria. Por tanto, nuestro 
«hombrecito» sólo desaparecerá cuando desenchufemos el Spectrum. 

También podemos definir una figura más grande utilizando varias te- 
clas, de forma que en cada tecla tengamos un «trozo» de la figura. Impri- 


DÍ 


miendo luego en pantalla todos los «trozos» ordenadamente obtendremos 
una figura más grande. 


El programa 4.5 define en las teclas A, B, C y D cuatro caracteres que 
si los imprimimos juntos representarán la figura 4.8. 

Para visualizar el barco de la figura 4.8 en pantalla podemos añadir al 
programa 4.5 el programa 4.6. 

El programa 4.6 pone la pantalla de color azul en la línea 430, y la tin- 
ta con la que se van a representar los barcos la pone en blanco en la lí- 
nea 440. 

A continuación sitúa tres barcos en tres posiciones de la pantalla ele- 
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Fig. 4.8. Definición de barco en cuatro caracteres (16 por 16 puntos). 


4DA>)REM. ARARAERAERARIRA ERA : 
410 REM * MAR CON BARCOS *- 
424 REM AEREA ARA REA ARA 
450 PAPER 1: CELS - 
AAA o 
459 FOR I=1 TO 3 AZ == 
HA EE CFSINT (RNDF3E): = IF AAA 
THEN GO TO 460 === . 
470 LET OC=INT ARADE3D) > IF coaa 
A AAA = = == z 
450 PRINT AT. EE : == == 
o —+ 


gidas al azar en las líneas 460 y 470. El resultado de una posible ejecución 
será algo similar a la figura 4.9. 
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b 


Fig. 4.9. Este «mar» con barcos es una posible ejecución del programa 4.6. 
unido al 4.5. 


Así que ya podemos diseñar todo tipo de caracteres y, por tanto, ya po- 
demos dibujar en el Spectrum cualquier figura que podamos imaginar. 


DEFINICION DE CARACTERES 
EN EL AMSTRAD 


Para definir caracteres en el AMSTRAD existe la palabra SYMBOL, en 
la cual hay que incluir nueve números. El primero es el número del códi- 
go ASCII asociado con el carácter que vamos a definir. Los otros ocho 
corresponden con los números decimales equivalentes a los binarios de la 
malla 8 por 8 (ver definición de caracteres en el SPECTRUM). 

Si, por ejemplo, quisiéramos definir la cara de un fantasma con gafas: 


A 


Fig. 4.10. Definición de «fantasma con gafas» en la malla de 8 por 8. 
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sólo habría que considerar aquellos puntos de la pantalla que estuviesen 
iluminados. Estos se considerarían «unos» en el sistema binario. Es decir: 


Fig. 4.11. Representación binaria del «fantasma con gafas». 


Lo único que hay que hacer es multiplicar los «unos» por su corres- 
pondiente valor y sumar los resultados para cada fila. Concretamente: 


1+2+4+8+16+32+64+128 = 255 
1+2+4+8+16+32+64+128 = 255 
1+ +128 = 129 
1+ +8+16 +128 = 152 
1+2+4+8+16+32+64+128 = 255 
1+ +4+8+16+324+ +128 = 189 
1+2 +64+128 = 195 
1+2+4+8+16+32+64+128 = 255 


Ahora sólo tenemos que introducir las sumas como números asociados 
a la instrucción SYMBOL. Es decir: 


10 SYMBOL 250, 255,255, 129, 153,235, 189,195,255 
20 PRINT SARECEIO? - 


Cada vez que queramos visualizar por pantalla el diseño que hemos he- 
cho tendremos que escribir la función CHR$ seguida del código numérico 
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que hayamos asignado a nuestra creación, en la instrucción SYMBOL 
correspondiente (en nuestro caso el número 250). 

No sólo podemos definir un carácter, sino que podemos, con grandes 
dosis de imaginación, construir figuras compuestas por varios caracteres 
cuyo resultado final, mediante una colocación adecuada, sea un dibujo cu- 
rioso. 

Por ejemplo, podemos diseñar un monstruo (o algo parecido) median- 
te un programa, definiendo hasta doce caracteres. Lo único que habrá que 
hacer es situarlos adecuadamente para que compongan la figura deseada. 


1223 12 14 150 554 


E 
19.158.214 ,232,12940,224 


Vamo do ho A Y a 
ATACA O A 
A > A A a 

160 SYMBOL 238,0 30,0,0,127,17,170 


SYMDrAH_—_ 23306 4 Sm E o Y y TI, Y 
YM] 239 .,120,240,240,192,220,254,254 
A A A a A IA 


ITOFCAREIOJ2I 
HR$C231)5LHRSL 


Podemos redefinir cualquier carácter del ordenador. Podríamos, por 
ejemplo, diseñar un teclado absolutamente nuevo, de tal forma que cuan- 
do escribiéramos una A, visualizásemos en pantalla un monstruo o algo pa- 
recido. 

Lo único que hay que tener en cuenta es que para definir un carácter 
cuyo código sea inferior al 240 debemos incluirlo en el programa como 
orden. Ello se consigue mediante la palabra: 


SYMBOL AFTER 
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Fig. 4.12. Definición de Charlot utilizando cinco caracteres. 


seguida del número de código a partir del cual queramos definir los nue- 
vos caracteres. Por ejemplo, si queremos definir la A para que parezca una 
B tendremos que escribir: 


Se recomienda, siempre que se desee diseñar un carácter nuevo, el uti- 
lizar un papel cuadriculado (y recuadrar 8 filas por 8 columnas). 

Probemos ahora a pulsar la A mayúscula a ver qué pasa. 

Vamos a experimentar con un programa de este tipo. Antes de que na- 
die proteste, advertimos que el programa inutilizará nuestro ordenador, 
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Fig. 4.13. Definición del «monstruo del infierno» utilizando doce caracteres. 


salvo que lo apaguemos. Por ello es conveniente que lo grabemos antes de 
ejecutarlo. 
No debemos quejarnos. Ya estábamos avisados. 
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VAMOS A PINTAR, 
PERO CON BROCHA 


STE capítulo es el último dedicado a la baja resolución, 
pero esto no significa que sea el final del camino. En los 
capítulos anteriores hemos aprendido las técnicas funda- 
mentales del manejo de gráficos en baja resolución, y 
como ejemplo de la potencia de estas técnicas, vamos a 
construir un programa de diseño gráfico en baja resolu- 
ción. En suma, vamos a convertir nuestro ordenador en 
un lienzo donde pintar todo tipo de gráficos multicolores. 

El programa consiste en una brocha que se va movien- 
do por la pantalla dejando un rastro de color de una forma determinada; 
con ella podremos pintar la forma que queramos, eso sí, dejando un ras- 
tro gordo. El programa también dispone de una goma que nos permite 
borrar una parte del dibujo si no nos gusta, y de una «mano» que nos per- 
mitirá movernos por el dibujo sin modificarlo. 

Este programa, aunque un poco más complejo que los gue hemos visto 
en capítulos anteriores, nos permitirá acercarnos al mundo del diseño asis- 
tido por ordenador. Y, por supuesto, no hay que restringir las opciones del 
programa a las indicadas, sino que es posible añadir todas las que se nos 
ocurran para incrementar la potencia del programa. 


LA FUNCION INKEY$ 


Antes de empezar con nuestro programa es necesario que encontremos 
una forma de poder controlar la brocha desde el teclado, para así moverla 
a nuestro gusto por la pantalla. En resumen, lo que necesitamos es una for- 
ma de poder detectar si hemos pulsado una tecla determinada, y en fun- 
ción de ella realizar una acción u otra. 

Para ello disponemos de una función BASIC, INKEYf$, que indaga si se 
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ha pulsado alguna tecla, devolviendo el carácter de la tecla si es cierto que 
hay alguna pulsada, o devolviendo la cadena vacía, “ “, en caso contrario. 
Esta función no espera a que pulsemos la tecla, sino que en el momen- 
to de ejecutarse mira si hay alguna pulsada. Tampoco devuelve el carácter 
pulsado en la pantalla. 
Por ejemplo, si ponemos la siguiente línea en un programa: 


cada vez que el programa pase por ella asignará a A$ el valor de la tecla 
pulsada en ese momento. Sin embargo, si ponemos esta otra línea: 


entonces el programa esperará a que pulsemos una tecla, y su valor se al- 
macenará en Af$. 

Esta función es válida tanto para Spectrum como para Amstrad. Para 
Commodore, sin embargo, la función se llama GET, y necesita un paráme- 
tro que es una variable alfanumérica. 


DISEÑO DE LA BROCHA 
Y OTRAS HERRAMIENTAS 


Como dijimos en la introducción, el programa tiene una brocha, una 
goma, y una mano. Entonces, ¿por qué no hacer que realmente aparezcan 
en el programa la brocha, la goma y la mano? 

Pues bien, para ello vamos a usar las técnicas aprendidas en el capítu- 
lo 4. La brocha, la goma y la mano van a ser 3 caracteres definidos por no- 


PINCEL GOMA MANO 


Fig. 5.1. Diseño de brocha, goma y mano en la malla de 8 por 8. 


Cada una de estas formas van a ser asignadas a un carácter. Así a la bro- 
cha la corresponde la M en el Spectrum, y al carácter cuyo código ASCII 
es 240 en Amstrad. 

Los 8 números de cada carácter son: 


BROCHA: 24, 24, 24, 24, 255, 255, 170, 170 
GOMA : 0, 126, 66, 66, 66, 66, 126, 0 
MANO : 0, 223, 223, 216, 222, 216, 220, 0 


Aunque en el programa el trazo dejado por la brocha es un cuadrado, 
que ya está definido en el juego de caracteres (CHR$(143)), podríamos ha- 
cer que el trazo fuera una forma definida por nosotros, como, por ejem- 
plo, un ladrillo. 


LADRILLO 


Fig. 5.2. Diseño de ladrillos en la malla de 8 por 8. 


Su codificación en este caso es: 
LADRILLO: 223, 223, 223, 0, 251, 251, 251,0 


En el programa las herramientas (brocha, etc.) se almacenan en la va- 
riable C$, y el rastro dejado por la brocha en la variable Bf$. 

Como recordatorio de la codificación de caracteres gráficos vamos a 
codificar la brocha. 

En el Spectrum: 
=== => 
== EÓKÁ<KÁ<Á<AXAXAAAAKAAAAA AAA 
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A partir de este momento si en el Spectrum escribimos [GRAPHICS] 
B, o en el Amstrad CHR$ (240), aparecerá en la pantalla el dibujo de la 
brocha. 


MOVIENDO LA BROCHA 
POR LA PANTALLA 


Antes de realizar nuestro programa, vamos a hacer un par de pequeños 


La idea es la siguiente: tenemos que mover la brocha por la pantalla me- 
diante el control del teclado. Ya conocemos una función, INKEY$, que 
nos permite leer el teclado sin molestas esperas o preguntas en la pantalla 
que nos estropeen el dibujo; ahora lo que tenemos que hacer es escoger 
cuatro teclas, para así asignarles los cuatro movimientos principales; arri- 
ba, abajo, izquierda y derecha. En el caso del Spectrum hemos escogido I, 


te y simple entender qué dirección significa cada una. Para el Amstrad es 
aún más sencillo, escogeremos las cuatro teclas de movimiento del cursor. 

Ahora lo que necesitamos saber es la situación de la brocha, es decir, 
su posición en la pantalla; pues bien, la posición vendrá dada por dos va- 
riables, X e Y, que nos darán la columna o posición en el eje X, y la fila 
O posición en el eje Y. Cada vez que desplacemos la brocha mediante una 
de las teclas, la coordenada correspondiente se actualizará de acuerdo con 
la dirección tomada. 

Sólo hace falta unir todas estas ideas en un programa que lea el tecla- 
do, identifique las teclas correspondientes y realice la acción oportuna, de 
una forma indefinida, por supuesto; así que vamos a emprender manos a 
la obra. 


70 


BESAR FUER 
HERE ZA 7 


Sencillo, ¿no? En la línea 50 inicializamos los valores de X e Y; luego 
asignamos a B$ el carácter con el que vamos a pintar en la pantalla, y a 
partir de la línea 70 empieza el bucle de reconocimiento y acción de las 
teclas. En A$ está almacenado el valor de la tecla pulsada. Las líneas 70 y 
80 del listado correspondiente a Spectrum sirven para evitar un efecto de 
«metralleta» que se produciría en caso contrario, y si no prueba a quitar 
la línea 70 y verás lo que pasa. Las líneas 90 a 120 permiten identificar la 
tecla pulsada. Si ésta coincide con alguna de las de control de la brocha, 
ésta se desplazará a la posición correspondiente y, finalmente, en la línea 
140 volvemos a la línea 70 para comenzar el bucle de nuevo. 

Como vemos, el programa es muy sencillo, pero seguramente ya habrá 
ocurrido el desastre. Si se ha intentado llegar más allá de los bordes de la 
pantalla, el programa se habrá interrumpido dando un mensaje de error. 
Esto ocurre porque al intentar pintar con PRINT AT fuera de los límites 


d Y 


de la pantalla el ordenador se «queja», diciendo que está fuera de rango, 
o sea, fuera de los límites de la pantalla (en el caso del Amstrad y Com- 
modore, LOCATE). 

Pero este problema tiene fácil solución; basta con controlar los valores 
de X e Y, y si éstos coinciden con alguno de los límites de la pantalla, en- 
tonces no se actualiza el valor de dicha coordenada. 

Esto en el programa se consigue modificando las sentencias 90 a 120, 
añadiéndoles la condicción de que el valor a actualizar no sea un valor «lí- 
mite», o sea, añadiendo una condición que sea, aproximadamente, «... y si 
no estoy en el borde», con lo que ya tenemos el segundo programa: 


DETIDALA CAMA ¿5A FUER 
LAA A = 


La diferencia de los límites de uno y otro programa es debido a la di- 
ferente resolución de las pantallas del Spectrum y Amstrad, que en un caso 
es de 32 por 22 y en otro de 40 por 24. 

Ahora sí parece que todo funciona bien. Este programa es el que nos 
va a servir como «núcleo» o esqueleto para nuestro programa de dibujo. 


EL PROGRAMA 


Después de todas las explicaciones anteriores, ya estamos en condicio- 
nes de componer nuestro programa y para ello vamos a ir analizándolo des- 
de el principio, poco a poco, para después unir todas las partes en un pro- 
grama. El listado de todo el programa está al final del capítulo. 

La primera parte del programa es la siguiente: 


En ella inicializamos los valores de la tinta, el papel y el borde, que, evi- 
dentemente, pueden ser cambiados a gusto del usuario. También aquí di- 
mensionamos una matriz llamada P, que abarca las dimensiones de la pan- 
talla y que va a servirnos para guardar y recordar, cuando lo necesitemos, 
los trazos, en este caso caracteres. Las dimensiones varían de un ordena- 
dor a otro por el diferente tamaño de la pantalla en cada caso. Y, por su- 
puesto, inicializamos las coordenadas donde vamos a pintar para que 
correspondan a las del centro de la pantalla. 

En el siguiente bloque inicializamos los caracteres gráficos que nos van 
a servir para indicar la brocha, la goma y la mano. En el Spectrum los ca- 
racteres definidos son la «B» para la brocha, la «G» para la goma y la «M» 
para la mano. En el Amstrad van a ser los caracteres cuyos códigos corres- 
ponden a 240, 241 y 242, respectivamente, para cada una de las herramien- 
tas. Los datos para componer los caracteres gráficos están en los DATA del 
final del programa. 


CAPAaTAa 04.04, 04,24, 25S5E 20%, 17 
A AAA AAA AAA 


En la siguiente línea inicializamos la herramienta con la brocha (en 
C$), y le damos al rastro que deje el valor del cuadrado lleno (en B$). Ade- 
más, ponemos una variable llamada PMB, que nos va a servir para saber 
si pintamos (2), borramos (0) o nos movemos (1). 


A continuación lo que hacemos es borrar por completo la pantalla y 
pintar en el centro la brocha. También inicializamos una variable A$ que 
va a servirnos para recordar el carácter que había en el lugar donde estu- 


viera la brocha. 


Seguidamente inicializamos la matriz P para que primeramente con- 
tenga espacios. Como es una matriz numérica, lo que hacemos es almace- 
nar el código ASCII del carácter espacio en blanco, que es el 32. 


Después comienza el bucle principal con la lectura del teclado para es- 
coger la tecla y poder actuar más adelante de una forma u otra, como ya 
vimos en la sección anterior. 


%i—2. Y - Y WU 1 — de O, 7 A A, EP E — de AN + E 


El a, E 2, A 01 ad IIA, 0, JU un 0 AA NR 


E TP ASI ESF ASA ATTE 
RA A PPP e o 0 A A PX e 


El siguiente conjunto de sentencias va a controlar las teclas de movi- 
miento de la brocha. Su estructura es la siguiente: 

Si se cumple la condición de que la tecla corresponde a una de movi- 
miento del cursor y no estamos en el borde hacia el cual nos vamos a mo- 
ver, entonces salta a una subrutina. Según estemos pintando, borrando o 
moviéndonos hacer una cosa u otra, como veremos. Luego actualiza la 
coordenada correspondiente y guarda el carácter, aunque nos movamos 
(en A$), así como su color. 

La subrutina que empieza en la línea 300 funciona de la siguiente ma- 
nera: 

Si estamos pintando, simplemente situamos B$ en la posición indicada 
por X e Y y almacenamos su código en la matriz P. Si borramos, entonces 
pintamos un espacio y si nos movemos pintamos el carácter almacenado 
en Af$, que es el carácter que había antes, con lo que el dibujo queda sin 
modificar. 


En las líneas siguientes comprobamos si se han pulsado «T» o «F» que 
nos van a permitir cambiar el color de la tinta o del fondo, respectivamen- 
te. Si ha sido así, el programa salta a la subrutina de la línea 340 (400 en 
Amstrad), que espera a que pulsemos un número para dar ese valor a la 
tinta o al fondo. 


Z 


ul 


== AEREA 
¡E -5ÁÁEAÁA<2< RÁ AAA A A A A A 
80 IF Ts="F" THEN LET TP=0: 60 
=== SEEAAÓAÓAÓAÓ<A<AAAAA AAA 2222 22q———s—> 


Las líneas siguientes controlan las teclas P, B y A que nos van a permi- 
tir cambiar la brocha por la goma o la mano en cada caso. 


C3SAA TIFF TR%E=<" "PP" THEN LET- GH ==>- 3 
SO, 8 IIS, cd já $ == JT — 
ETIOORE="EA 


SER as AO THEN LLETEMABAS A A 


SNAPE LEFT. G6MA=3- 1 
A O A O E AÑ a ñÑ U  nm” 


Finalmente, estas dos líneas lo que hacen es pintar la brocha en la po- 
sición correspondiente y volver al principio del bucle. 

Y ya está, ya tenemos nuestro programa para dibujar en la pantalla. Hay 
ligeras diferencias entre los listados de Spectrum y Amstrad, pero la idea 
principal y el funcionamiento son los mismos. 
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Vamos a hacer un resumen de las teclas de control del programa: 

= Teclas de control de la brocha: I, J, K, M, en el caso del Spectrum, 
y las teclas de cursor en el Amstrad. 

T y F seguidos de un número cambian el color de la tinta y del fon- 
do, respectivamente. Por ejemplo, T1 pone la tinta al color 1. 

P, B y A controlan la herramienta que estamos utilizando, P pone la 
brocha, B, la goma, y A, la mano. 

V borra la pantalla y devuelve la brocha al centro. 

S finaliza el programa. 


Al comenzar tendrás que esperar un poco antes de empezar a pintar, 
porque se están inicializando una serie de variables que utiliza el pro- 
grama. 

El programa, tal y como está, es relativamente completo, pero se le pue- 
den añadir mejoras. Vamos a ver algunas sugerencias. 

- En el Spectrum, por ejemplo, se pueden añadir teclas para poner los 
bloques que dibujemos en FLASH o aumentar el brillo con BRIGHT, o pin- 
tar un bloque encima de otro con OVER, etc. 

En el Amstrad una de las ampliaciones al programa más interesantes 
es la posibilidad de cambiar los colores de los tinteros. Esto se haría con 
una tecla que luego necesitará dos números, primero, el número de tinte- 
ro, y luego, el color de la tinta. Para ello te puedes fijar en el funciona- 
miento de las teclas F y T; también se puede cambiar la resolución de la 
pantalla. 

Para los dós ordenadores se pueden añadir dos teclas G y C, para sal- 
var y coger un dibujo de la cinta o disco. También para los dos es una op- 
ción interesante que al principio del programa pusiera en la pantalla to- 
das las teclas de control con una breve explicación de lo que hace cada 
una. 

Como ves, las posibilidades están sólo limitadas por nuestra imagina- 
ción. 
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120 LOCATE X,Y:PRINT C$;:AT=COLORT: 
AFSCOLORF+A$="" 
130 FOR I=1- TO 40 
140 FOR J=1 TO 24 
150 P(1,J,0)=32:P(1,J,1)=COLORT: 
PCI, 1, 2=COLORF 
LSO NEXT-351 
170 T3=INKEYS:1F T3$="" THEN 170 
1280 MTS$=UPPER$(TS> 
190 IF MTé$=CHR$(240) AND Y>1 THEN GOSUB 400: 
== AS=CHRECPOG A DOIATEPROA A AFP 2) 
200 -MP%=CHRECZ4D) AND Y<24-THEN-GOSUB- 400: 
Y=Y+1 :Ag=CHRSCPOX, Y, 000: AT=POX, Y, 101AF=P0X,Y,2) 


210 IF MTE=CHRA$C292) AND X>1 THEN GOSUE 400: 
X=X-1 10: AB=CHRELPOX, Y 000 1AT=PLX, Y, 10 1AF=SPX,V,2) 
220 1E-MPR+=CHR+$ 0243) AND-X2%40—THEN-GO0SUB-4005 
AAC HARE CPOO AA DA TEPOS AD TAFSP OS) 
230 HE AMS O THEN TP= OS 0B—308 
2901 E-=MT%>*F"THEN-TP=0760SUB-300 
250-1F-MT$="P" THEN -PMB=2:C$=CHR$(240) 
260 1F-ME$="B"-THEN-PMB=0+E$=CHR$0241>5 
220 1F-MPE%="4 0 THEN PMB=1:E+=EHR+$C2420) 
2830 E-2MTE="0PTHEN—GOSUB-S00 
220 IF MT*="S" THEN PEN AT: PAPER AF: 
LOCATE-X VA PRINT-A3 5LOCATE 1,23 1END 
JOE EA TEO A PRONEES 
310 —G0TO-170 : 
900 REM-=* SUBRUTINA 
410 IF PMB=2 THEN LOCATE X,Y:PRINT BS :PCxX,Y,0)= 
ASCIBR) PEA, Yy 10 =COLORTPIA, Y, 22=COLORF 
+20 F-PMB=0— TREN LOC ÁTE> SPRINGS POS AMD = 
IRPF EOLOR TIPO, 2 RCOLORE 
430—TF-PME=1— THEN LOCATE-X,YIPEM ATIPAPER- AF: 
PRINTAS¿ PEN COLORT:PAPER COLORF 
440 REFUEN 
500 REM * SUBRUTIMA x 
510 RS=INKEY$+:1F- REX<"O" OR RE>"3" 
FHEN-510 
520 1TF-TP=1-THEN—PEN-VAL-—<R$33 
COLORT=UALERSI RETURN 
530 PAPER VALORE) ¿COLORF=VUALCORE) RETURN 
S0-REM-—=>—SUBRUFIHA—* 
AS 
20 Y=tri=té 
£30 FOR I=1- TO 40 
£40 FOR J=1-TD 25 
A A o 
PEE AA EDLORE> 


$60 NEXT-4,1 

670 A$=" "1AT=COLORT:AF=COLORF 
£20 Y=12:Xx=20 

£70- RETURN 


LO REMERA AAA 

20 REM" 2. BROCHA GORDA 

3S0-—-REM-AXXXXXXXXEXXXXAXx 

44- PAPER 7: INE a:- BORDER 

4d 5E-DPDIM-Ft532,22) 

A A a e A a e 

SO—FOR-T=D0-TO 2? READ A POE 
USR- "ESTA: NEXT TI 

TA- FOR- T=0-TO- 7: READ A: POKE 
USA "56"4T15 A: NET 

359 FOR T=0-TO0-—-7?: READ A: - PORKE 
A A A a 

AAA 

PHE=2 

AAA 

A A A o 

A A A A A A A e e a 
2 

184 E RF PAI RAR NESTARES 

E 

A A A A A A A A 
a 


A A A A A A A 
N Ga TO 120 

130 IF FTE="I"- AND Y40 THEN. GO S 
UB-—S340:—LET-—Y=Y-1: LEFT-AH$=CEHARG-—P 
A A A A A A A AA 
AAA AAA 
SUE 300: LET Y=Y+1: LET ASH=CHR% 
PERSA) AA LETS ATRIB=SATTRA A, O) 
150 —IF-Té=""0" AND >40-— THEN -GD-S 
A A A A A A e A 
A A A A A A a A 
1560. IF TA%="kK"- AND xX<31 THEN GU 
SUB 300: LEFT X=X+1: LET- AFS$=CHRSA 
A e e A A 
A A A A A A A A 
SUB 340 

130 IF TABS AF TIENE TT TRAS GO 
SUE 340 

EH APA FER ERASE 


LS 
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LA PANTALLA 
DE ALTA RESOLUCION 


DESCRIPCION DE LA PANTALLA == 


A vimos en el capítulo 1 todas las características que pre- 
sentaba la pantalla de baja resolución. En el presente ca- 
pítulo vamos a centrarnos en el estudio de la pantalla de 
alta resolución para que, una vez que la conozcamos, po- 
damos llegar a realizar tantos programas sobre dibujo 
como ideas se nos ocurran. 

La pantalla de alta resolución, al igual que la de baja 
resolución, está constituida por una retícula que la divide 
=== en filas y columnas, pero en este caso dicha retícula está 
formada por puntos o pixels. Existe una relación entre la pantalla de alta 
resolución y la de baja ya que cada conjunto de 8 por 8 pixels constituye 
una posición de pantalla de baja resolución. 

Por tanto, para conocer las dimensiones de la pantalla de alta resolu- 
ción no tenemos más que multiplicar por 8 las dimensiones, ya estudiadas 
en el capitulo 1, de la baja resolución. 


Comenzando por el Spectrum, podemos comprobar que, efectivamen- 
te, la pantalla está formada por 176 filas y 256 columnas. 

Una característica común a las pantallas de alta resolución del Spec- 
trum y del Amstrad es que están planteadas como unos ejes de coordena- 
das cartesianas. Esto significa que el origen está en el angulo inferior iz- 
quierdo y será el punto 0,0, es decir, columna 0 y fila O. En el caso del Spec- 
trum, el último punto del eje de abcisas (eje horizontal) será el 255 y el úl- 
timo punto del eje de ordenadas (eje vertical) será el 175. 

Por otra parte, el Amstrad dispone de tres modos de pantalla en alta re- 
solución. En el modo 0 se pueden distinguir 160 puntos en horizontal por 
200 en vertical. El modo 1 cuenta con 320 puntos en horizontal por 200 
en vertical. Por último, el modo 2, que es el de más alta resolución gráfi- 
ca, distingue 640 puntos en horizontal y 200 en vertical. Sin embargo, para 
que un mismo programa pueda ser ejecutado en cualquiera de los tres mo- 
dos, es necesario unificar el sistema de numeración de los puntos. Por este 
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Pantalla de alta resolución del Spectrum. 


Fig. 6.1. 


399 
300 |--===--=-- 
0 


Fig. 6.2. Pantalla de alta resolución del Amstrad. 
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motivo los ejes de coordenadas están numerados de O a 639 en horizontal 
(abcisas) y del O al 399 en vertical (ordenadas). 

Esto significa que no es posible representar cada uno de los puntos de 
este sistema de coordenadas (640*400). En el modo 0 un pixel de la pan- 
talla estará formado por 8 puntos del sistema de coordenadas (4*2). En 
modo 1 cada pixel constará de 4 puntos (2*2). Por último, en modo 2 un 
pixel resulta casi imperceptible, ya que abarca sólo 2 puntos (1*2). La fi- 
gura 6.3 representa de forma esquemática esta idea. 


Modo 0 punto 4x2 
Modo 1 punto 2x2 
Modo 2 punto 1x2 


Fig. 6.3. Tamaño de los puntos gráficos en cada mudo de pantalla del Amstrad. 


La ventaja del modo O (menor resolución) sobre el modo 2 (mayor re- 
solución) es que en el modo O podemos disponer de 16 colores simultá- 
neamente, mientras que en el modo 1 sólo podemos utilizar 4 colores a la 
vez y en el modo 2 únicamente 2 colores. Esto ya lo vimos en el capítu- 
lo 3 al hablar de los colores en el Amstrad; por tanto, podemos ganar en va- 
riedad de colores a costa de perder resolución gráfica, y viceversa, lo que 
nos permite elegir en cada momento el modo más adecuado. 

En cuanto al Commodore, dispone de una pantalla de alta resolución 
de 320 puntos en horizontal por 200 en vertical. A diferencia de los otros 
dos ordenadores, el origen de coordenadas está en el punto 0,0 , en el án- 
gulo superior izquierdo. Sin embargo, el Commodore presenta el proble- 
ma de que no dispone de comandos gráficos BASIC y por tanto, la progra- 
mación de alta resolución resulta muy compleja. Pero no nos desanime- 
mos, ya que este problema es resoluble puesto que existe en el mercado 
el BASIC Simon, que es una extensión del BASIC del Commodore, que 
cuenta con más de 100 comandos BASIC nuevos, entre los cuales están to- 
dos los comandos gráficos. 
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Número dé puntos | Número de puntos 
en horizontal en vertical 
ES 


200 


200 


Fig. 6.4. Tabla-resumen de las pantallas de alta resolución. 


Una vez conocidas las dimensiones y características de la pantalla de 
alta resolución, podemos pasar a ver la forma de situarnos en un punto 
cualquiera de dicha pantalla. 


SITUANDONOS EN LA PANTALLA 


Vamos a comenzar viendo cómo podemos dibujar un punto en una po- 
sición determinada de la pantalla. Para ello disponemos de la instrucción 
PLOT, que tiene el siguiente formato: 


PLOT X,Y, T 


donde X indica la coordenada del punto a dibujar en el eje horizontal e 
Y es la coordenada vertical. 

En el caso del Spectrum no podemos añadir el tercer parámetro T, sin 
embargo, en el Amstrad este parámetro indica el número del color que de- 
seamos para la tinta. Si no indicamos ningún color, el ordenador tomará 
por defecto el que estuviera definido en el momento de ejecutar la instruc- 
ción. En el Commodore el parámetro T sólo puede tomar los valores 0 ó 
1, según deseemos que el punto esté encendido (se imprime en pantalla) 
O apagado. 

El Amstrad dispone, además, de otras dos instrucciones bastante útiles 
para la situación en un punto de la pantalla: MOVE y ORIGIN. 

La instrucción MOVE tiene el formato siguiente: 


MOVE X,Y 


y tiene por objeto mover el cursor gráfico al punto de coordenadas X e Y, 
pero sin dibujar dicho punto. 
La instrucción ORIGIN tiene el mismo formato que MOVE y lo que 


34 


hace es trasladar el origen de coordenadas al punto de coordenadas X e 
Y indicado. De esta forma todos los puntos de la pantalla en lugar de estar 
referidos al origen del ángulo inferior izquierdo estarán referidos al nuevo 
origen (X,Y). 


Fig. 6.5. Ejemplo de traslación del origen de coordenadas al centro de la pantalla 
del Amstrad: ORIGIN 320,200. 


Por otra parte, conviene indicar que el Amstrad admite cualquier pa- 
rámetro en sus comandos gráficos, aunque estos parámetros queden situa- 
dos fuera de la pantalla. Evidentemente, si utilizamos parámetros exte- 
riores a las dimensiones de la pantalla (640 por 400), no podremos visualizar 
nuestros dibujos. 

Para borrar la pantalla el Spectrum utiliza la misma instrucción que en 
baja resolución: CLS. En el Amstrad, en cambio, CLS sólo borra las pan- 
tallas de texto y manda el cursor al origen, mientras que para borrar las 
pantallas gráficas y mandar el curser gráfico al origen existe la instrucción 
CLG. 

En el Commodore la instrucción HIRES T,F permite la visualización 
de la pantalla gráfica poniendo la tinta con el color especificado en T y el 
fondo con el color F. Para anular esta instrucción y pasar de nuevo a la 
pantalla de texto existe la instrucción NRM. 

Ahora que ya sabemos situarnos en la pantalla de alta resolución po- 
demos pasar ya a la realización de los primeros dibujos. 
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PUNTOS, RECTAS . 
Y CIRCUNFERENCIAS 


N el capítulo 6 ya hemos visto cómo podemos situar un 
punto en la pantalla de alta resolución. Ahora vamos a pa- 
sar a dibujar rectas, circunferencias y arcos de circunfe- 
rencia para, más adelante, aprender a representar las pri- 
meras figuras sencillas. 

Para representar un punto en la pantalla utilizamos la 
instrucción PLOT, indicando a continuación las coorde- 
nadas X e Y donde queremos imprimir el punto. Recor- 
demos que en alta resolución el origen de coordenadas 
suele estar en el ángulo inferior izquierdo, no como en baja resolución, 
que está en el ángulo superior izquierdo. 


El programa 7.1 muestra un ejemplo del funcionamiento de la instruc- 
ción PLOT, llenando la pantalla de puntos. 

Sin embargo, como nuestro objetivo es la realización de dibujos con el 
ordenador, resulta interesante aprender a trazar rectas. 

Para trazar rectas el Spectrum dispone de la instrucción DRAW y el 
Amstrad de la instrucción DRAWR. Ambas instrucciones funcionan igual 
y su formato es el siguiente: 


á DRAW : z 
N. de línea DRAWR (incremento x, incremento y) 
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donde incremento x es el aumento de la recta en proyección horizontal e 


incremento y es el aumento en proyección vertical. Esta idea queda repre- 
sentada en la figura 7.1. 


PLOT 64,44 = DRAW 128,88 
175 


00 84 192 255 


Fig. 7.1. Esquema de funcionamiento de las instrucciones DRAW o DRAWR. 


Ahora vamos a trazar nuestra primera línea, que va desde el ángulo in- 
ferior izquierdo hasta el ángulo superior derecho, es decir, una diagonal 
de la pantalla. Para ello tenemos que tener en cuenta las dimensiones de 
la pantalla del ordenador. En el Spectrum teclearemos el comando: 


Podemos observar que 255 es el incremento máximo que podemos po- 
ner en horizontal, ya que coincide con la dimensión de la pantalla. Con 
175 sucede lo mismo y es, por tanto, el máximo incremento en vertical. 
Análogamente, en el Amstrad tendremos que poner los parámetros que 
coincidan con las dimensiones máximas: 


o 


Cualquiera de los dos comandos anteriores nos darán un resultado en 
pantalla como el de la figura 7.2. 
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a 


Fig. 7.2. Trazado de una diagonal en pantalla. 


Después de trazar una recta, el cursor de gráficos quedará situado en 
el extremo final de dicha recta, es decir, que en nuestros ejemplos ante- 
riores, después de trazar la diagonal, el cursor gráfico estará en el punto 
255,175, en el caso del Spectrum, y en el punto 639,399, si estamos traba- 
jando en el Amstrad. Esto significa que si ahora queremos trazar otra rec- 
ta a continuación de la anterior no tenemos más que teclear otro DRAW 
(Spectrum) o DRAWR (Amstrad) con sus correspondientes parámetros de 
intremento. Pero tehemos que fijarnos en el detalle siguiente: el cursor 
está situado en el ángulo superior derecho, lo que significa que no pode- 
mos trazar otra recta que continúe avanzando hacia la derecha o hacia arri- 
ba, ya que se saldría de la pantalla. La nueva recta tendrá que retroceder 
o descender para que se sitúe dentro de los límites. Para indicarle al or- 
denador que la recta tiene que retroceder o descender basta con poner, 
en los parámetros de incrementos, números negativos. Probemos con el 
programa siguiente, para el Spectrum: 


AA e AAA 
A 


Un programa análogo para el Amstrad sería: 


En ambos casos podemos comprobar cómo la línea 20 del programa 
se encarga de trazar una recta que retrocede y desciende. El resultado en 


pantalla está representado en la figura 7.3. ed 


nn e] 
Re 
aa 


7 £ 


Fig. 7.3. Trazado de dos rectas consecutivas en pantalla. 


Visto todo lo anterior, deducimos que, si queremos trazar una recta ho- 
rizontal, el incremento vertical (incremento y) será cero, mientras que si 
trazamos una recta vertical el incremento horizontal (incremento x) tam- 
bién será cero. 


Fig. 7.4. Tabla-resumen de DRAW (Spectrum) y DRAWR (Amstrad). 
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Por otra parte, si queremos trazar rectas independientes, es decir, que 
no vayan una a continuación de otra, tendremos que trasladar el cursor 
de gráficos al punto donde queremos empezar. Ya vimos en el capítulo an- 
terior cómo hacer esto. Recordemos que PLOT dibuja un punto en la pan- 
talla de alta resolución y deja el cursor gráfico en ese punto. Además, el 
Amstrad cuenta con la instrucción MOVE, que mueve el cursor gráfico al 
punto de la pantalla que indiquemos, pero sin imprimir dicho punto. Pro- 
bemos ahora a trazar las dos diagonales de la pantalla. 


El resultado de la ejecución de cualquiera de estos dos programas nos 
dará como resultado dos rectas independientes (no una a continuación de 
otra), como se muestra en la figura 7.5 


>, . 


2 E 


h A 4 d 
a 5 
e Sl 


ps 
- pa 


e, 


Fig. 7.5. Trazado de las dos diagonales de la pantalla. 


91 


El Amstrad dispone de la instrucción DRAW, además de la DRAWR ya 
vista, para el trazado de rectas, aunque no funciona como el DRAW del 
Spectrum. La instrucción DRAW tiene en el Amstrad el formato siguiente: 


N. de línea DRAW x,y 


donde x e y son las coordenadas del punto de la pantalla donde queremos 
que finalice la recta. Por tanto, la diferencia entre DRAW y DRAWR es que 
el primero utiliza coordenadas absolutas, es decir, referidas siempre al ori- 
gen de coordenadas, mientras que DRAWR utiliza coordenadas relativas, 
es decir, referidas al último punto trazado. Podemos teclear los dos siguien- 
tes programas para ver la diferencia: 


Sin embargo, esto sólo sucede cuando el origen está situado en el pun- 
to 0,0 (ángulo inferior izquierdo). Si trasladamos el origen, mediante la ins- 
trucción ORIGIN, a otro punto de la pantalla, entonces sí podremos utili- 
zar parámetros negativos en el DRAW. 


El BASIC Simon del Commodore dispone de la instrucción LINE, para 
el trazado de.rectas, y tiene el siguiente formato: 


donde X1, Y1 son las coordenadas del punto de inicio de la recta y X2,Y2 
son las coordenadas del punto donde finaliza la recta. El parámetro T in- 


O 


2 


PANTALLA 
(=x, y) (x, y) 
(e y) (x, =Y) 


' 


Fig. 7.6. Los puntos con alguna coordenada negativa quedan fuera de la pantalla 
con ORIGIN 0,0. (Amstrad) 


Fig. 7.7. Trasladando el origen a otro punto de la pantalla, como, por ejemplo, el 
centro, tendremos parámetros positivos y negativos para la instrucción DRAW 
(Amstrad) 


dica si los puntos que forman dicha recta están encendidos (1) o apaga- 
dos (0). 
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Bueno, pues ya sabemos dibujar todo tipo de rectas, así que ya pode- 
mos pasar a las circunferencias. 

Para dibujar circunferencias en el Spectrum contamos con la instruc- 
ción CIRCLE, que nos permite trazar circunferencias de cualquier tama- 
ño. El formato es el siguiente: 


N. de línea CIRCLE x,y,radio 


donde x e y son las coordenadas del centro de la circunferencia y radio in- 
dica el radio de la circunferencia. 
Si introducimos el siguiente comando: 


obtendremos la circunferencia más grande que podemos dibujar en la pan- 
talla del Spectrum. Las coordenadas elegidas para el centro de la circun- 
ferencia coinciden con el centro de la pantalla. El radio es el máximo que 
podemos dar, puesto que si lo damos mayor obtendremos un mensaje de 
error, ya que la circunferencia se saldría de la pantalla. 


A a a AÑ 


2d, TS. SET. SE 


El programa 7.2 nos permite dibujar todo tipo de circunferencias en 
cualquier parte de la pantalla. Podemos ver un ejemplo en la figura 7.8. 


Fig. 7.8. Circunferencia trazada con la instrucción CIRCLE del Spectrum. 
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El Amstrad no dispone de instrucción para el trazado de circunferen- 
.cias; sin embargo, esto no significa que no podamos dibujarlas. Mediante 
la instrucción DRAW y con unas nociones básicas de trigonometría pode- 
mos trazar circunferencias en cualquier zona de la pantalla y de cualquier 
tamaño. 


El programa 7.3 nos permite trazar todo tipo de circunferencias. Para 
ello sitúa el origen de coordenadas en el centro de la circunferencia y mue- 
ve el cursor gráfico hasta el punto de dicha circunferencia situado más a 
la derecha. Después, basándose en la idea de que una circunferencia no 
es más que un polígono de muchos lados, traza un polígono de 360 lados, 
haciendo que cada lado vaya girando un grado respecto al origen. La figu- 
ra 7.8 muestra esta idea de forma esquemática. 

El bucle de la línea 130 se encarga de recorrer los 360 grados de la cir- 
cunferencia (2 radianes), mientras que la instrucción DRAW de la línea si- 
guiente se encarga de trazar los 360 lados que van a formar la circunfe- 
rencia. 

Otro método para trazar circunferencias es el utilizado en el progra- 
ma 7.4. Este método también se basa en propiedades trigonométricas y en 
la idea del círculo como polígono de muchos lados. La ejecución de este 
programa es más rápida que la del programa 7.3, ya que sólo tiene que cal- 
cular el seno y el coseno una vez (en la línea 130). 


R* COS (A) 


(R, 9) 


Fig. 7.9. Esquema para el trazado de circunferencias, en Amstrad. 
Esto de trazar circunferencias está muy bien, pero ¿qué pasa si sólo que- 
remos trazar un arco de circunferencia? En el caso del Spectrum resulta 
bastante sencillo, ya que la instrucción DRAW nos permite dibujar, ade- 
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más de rectas como ya hemos visto, arcos de circunferencia. El formato 
de DRAW para trazar arcos es el siguiente: 


N. de línea DRAW incremento x, incremento y, ángulo 


donde incremento x e incremento y determinan el punto donde va a fina- 
lizar el trazado del arco, referido al punto donde se inicia el trazado, y án- 
gulo indica el ángulo en radianes que va a abarcar el arco de circunfe- 
rencia. 

Hay que tener en cuenta que los ángulos se miden en sentido anti- 
horario; por tanto, tenemos que cuidar los signos dependiendo del lado 
por el que queramos trazar el arco. 


En el programa 7.5 utiliza siempre valores positivos del ángulo y, en 
cambio, va variando los signos de los incrementos de x e y, de modo que 
el trazado de cada semicírculo sigue siempre un sentido antihorario (sig- 
no positivo en el ángulo). 


Fig. 7.10. Resultado de la ejecución del programa 7.5. 
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En el Amstrad el trazado de arcos de circunferencia se consigue con 
un programa similar al de trazado de circunferencias completas. 

El programa 7.6 traza todo tipo de arcos de circunferencia, basándose 
en el programa 7.3. 


SAEZ TEE AA ASA AS ASS A 
A a A A o + He 


Bueno, pues ya sabemos trazar toda clase de puntos, rectas, circunfe- 
rencias y arcos, así que ya podemos pasar a dibujar figuras diversas com- 
poniendo todos estos elementos. 
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FIGURAS GEOMETRICAS 
Y ARTE ABSTRACTO 


N este capítulo vamos a ver algunos ejemplos de progra- 
mas para trazar distintos tipos de figuras geométricas. Si 
además queremos variar el color de la tinta y del papel, 
no tenemos más que añadir las instrucciones sobre colo- 
res vistas en el capítulo 3, ya que los colores en alta reso- 
lución son los mismos que en baja resolución. Sólo hay 
un pequeño matiz en el Spectrum y es que el color de la 
tinta no se puede definir para un solo pixel, sino para todo 
=== el carácter que contiene dicho pixel. Esto significa que no 
podemos utilizar distintos colores para los pixels contenidos en un mismo 
carácter del Spectrum. 

En los programas 8.3 y 8.4 podemos ver cómo variar los colores de tin- 
ta y papel en el trazado de estrellas. Esto es extensible a cualquier otro pro- 
grama. 


== POLIGONOS REGULARES 


Las figuras geométricas más sencillas que podemos trazar son los po- 
lígonos regulares cerrados, es decir, triángulos equiláteros, cuadrados, 
pentágonos, etc. 

Podríamos diseñar un programa para trazar cada una de estas figuras, 
pero resulta mucho más práctico que un solo programa pueda dibujar cual- 
quier polígono regular que nosotros le indiquemos. Este es el objetivo del 


A A A A a 


EA E 
HA HET RCNE SE TEAEE TETERA 


Al ejecutar el programa 8.1 tendremos que dar los datos siguientes: nú- 
mero de lados del polígono, radio (recordemos que todos los polígonos re- 
gulares son inscribibles en una circunferencia) y ángulo que forma el pri- 
mer vértice con la horizontal (esto nos permite dibujar el polígono en cual- 
quier posición). Hemos situado el centro de los polígonos coincidiendo 
con el centro de la pantalla. 

Introduciendo los datos que deseemos obtendremos todo tipo de polí- 
gonos, como, por ejemplo, el octógono de la figura 8.1. 


Fig. 8.1. Octágono trazado con el programa para dibujar polígonos regulares. 
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Si al programa 8.1 le añadimos al final la línea: 


tendremos la posibilidad de introducir datos diferentes, consiguiendo así 
infinidad de figuras compuestas por polígonos regulares, como las que se 
muestran en la figura 8.2. 


lla ee, 
En A [e % 
¿e ls A d A 
e a, o A AAA A 
e » ,, 
e A ES a, ER e . y E 
El * Mu O 
? A », , 7 
A 3 . ' A, A 
y . , 
La, Pa e FR 
%, % e PS , ” % ES 
ne ti A £ £ M 
>, Apo AS e 
e, E An Po 
A mn e 
A a dl 
ió Ls 


Fig. 8.2. Figuras diversas trazadas combinando varios polígonos. 


La versión de este programa de trazado de polígonos para el Amstrad 
es la presentada en el programa 8.2. 


AAA EL CE TRE CUADBI>A 


O E A 
CONEL ETE HORIZON TAC IORALCUS==- 


POnNTIRA REA TS RRETARETA 
O 0 0 o LN Y O A A A de A a, 
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ESTRELLAS REGULARES 


Para el dibujo de estrellas nos vamos a basar en los mismos principios 


nada en Y es R.senA), sólo que esta vez las aplicamos para dos circunfe- 
rencias diferentes (la mayor abarca las puntas exteriores y la menor las in- 
teriores). 

El programa 8.3 nos permite dibujar todo tipo de estrellas en el centro 
de la pantalla del Spectrum. 
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Un ejemplo de la ejecución del programa 8.3 lo tenemos en la figu- 
ra 8.3, que representa una estrella de 12 puntas. 


| y 
Lo x 
Me Y, A y eód _ 7 
Y eS ñ 
A Er 
—— a 
qe A, 
a 
E 


Fig. 8.3. Estrella obtenida con el programa para trazado de estrellas. 


Si queremos dibujar estrellas en el Amstrad utilizaremos el programa 
8.4, que es análogo al 8.3. 
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CSS XA EE ANS AA DA 3 
LSO XAT=RICUSTA) IYI=RISINTA) 


SSA ADA SS AA AVES AS 5 a 
230 ALSRIIFCUSICA)31 RReESINCA) 


0 YPA=RIRCOSCAS Y D=R 3 NA) 
EA ALETA FCO ASS TZSERANIIADINCA 


¿SO DARAN a 


Ao 


Podemos observar que los programas para trazados de circunferencias, 
polígonos, estrellas y, en general, cualquier figura inscribible en una cir- 
cunferencia, tienen todos una cierta similitud, ya que todos se basan en 
las propiedades trigonométricas de la circunferencia y en la repetición de 
dichas propiedades para distintos ángulos. Combinando estas característi- 
cas podemos trazar figuras más complejas a partir de la combinación de 
figuras más sencillas. 


FLORES DE CIRCUNFERENCIAS 


Un ejemplo de lo expuesto anteriormente son las conocidas flores de 
circunferencias. La idea del programa consiste en tomar una circunferen- 
cia como pétalo e ir trasladando su centro a lo largo de otra circunferen- 
cia principal que no se dibuja. Esta idea se refleja de forma esquemática 
en la figura 8.4. 


Pues bien, el programa 8.5 sigue esta idea y nos permite trazar todo 
tipo de flores de circunferencias en el centro de la pantalla del Spectrum. 


Recordemos que en el Spectrum disponemos de la instrucción CIR- 
CLE, que en este programa nos permite el trazado de los pétalos. Si que- 
remos desarrollar este programa en el Amstrad tendremos que utilizar la 
rutina para el trazado de circunferencias (programas 7.3 ó 7.4). En la fi- 
gura 8.5 podemos ver algunos resultados obtenidos con el programa 8.5. 


Como hemos visto, las posibilidades de este tipo de programas son in- 
finitas. Podríamos dibujar flores de polígonos, flores de estrellas, combi- 
nar ambas figuras o unir todos los vértices de un polígono entre sí, dando 


104 


Circunferencia 
PETALO 


Circunferencia 
PRINCIPAL 


Fig. 8.4. Esquema para el trazado de flores de circunferencia. 


lugar a los dibujos conocidos como «clavos y cuerdas». Pero éstas son sólo 
algunas ideas que el lector puede trasladar a programas junto con todas 
aquellas que pueda imaginar, siguiendo esquemas de rutinas similares a 
los vistos en los ejemplos. 


== == á Di ABE Ba .- 
A e a A A e a e ces 


“-—b- Er: LA -- 
A A A A A A A o A A A 
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Fig. 8.5. Ejemplos de flores de circunferencia obtenidas con el programa 8.5. 


FIGURAS ALEATORIAS 
Y DIBUJOS ABSTRACTOS 


Gracias al empleo del ordenador y con unos cuantos programas senci- 
llos podemos convertirnos en unos grandes artistas de temas abstractos. 

El programa 8.6 realiza dibujos abstractos en el Spectrum a base de rec- 
tas de diferentes longitudes, direcciones y colores. Esto se consigue ha- 
ciendo que el ordenador elija un color al azar para el papel de fondo y a 
continuación, mediante un bucle infinito, va eligiendo sucesivamente y de 
forma aleatoria color, punto de inicio y punto de final de cada recta. Cuan- 
do tengamos en pantalla un «cuadro» que nos guste no tenemos más que 
hacer un BREAK para detener la ejecución. 
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La figura 8.6 es una muestra (en blanco y negro) del tipo de dibujos 
que podemos obtener. Si utilizamos una pantalla de TV en color consegui- 
remos unos bonitos «cuadros» llenos de colorido y fantasía. 


Fig. 8.6. Cuadro abstracto pintado con el programa 8.6. 


El programa 8.7 realiza también «cuadros» abstractos en el Amstrad, 
pero esta vez utilizando circunferencias de diferentes tamaños y colores. 
La idea es la misma que para la realización del programa anterior, es de- 
cir, el ordenador elige al azar el centro de la circunferencia, el radio y el 
color. Los resultados pueden ser sorprendentes. 
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COLOREANDO 9 


ASTA ahora las figuras que hemos realizado han sido figu- 
ras a base de líneas de colores diversos, pero no hemos po- 
dido hacer figuras sólidas, esto es, figuras rellenas de co- 
lor. Por ello, en este capítulo vamos a aprender la forma 
de colorear desde un programa a una figura cerrada, rea- 
lizada mediante líneas de color. Sin embargo, hay que ad- 
vertir que las rutinas de rellenado de figuras son muy len- 
tas, y la única forma de que fueran verdaderamente útiles 
—————— sería realizarlas en Código Máquina, lo que se sale del ám- 
bito de este libro. Por eso, es conveniente restringir su uso a figuras de ta- 
maño pequeño para no eternizarnos delante de la pantalla del ordenador. 


LA FUNCION POINT 


Antes de empezar con las rutinas de coloreado, hay que explicar una 
función que vamos a necesitar para poder realizarlas. 

Todas las rutinas de coloreado se basan en ir mirando los puntos de al- 
rededor de uno dado y comprobar si están pintados o no. Pues bien, para 
esto existe en el ordenador una función que nos permite averiguar si un 
punto determinado de la pantalla está o no pintado. En el caso del Spec- 
trum, la función se llama POINT, y en el Amstrad, se llama TEST. 

La función POINT necesita dos argumentos: la coordenada X y la coor- 
denada Y del punto que queremos mirar. Esta función devuelve el valor 1 
si el punto está pintado y el valor O en caso contrario. 

La función TEST funciona de forma parecida, pero devuelve el valor 
de la tinta usada en esa posición de la pantalla. 

También existe en el Amstrad la función TESTR, que en vez de nece- 
sitar las coordenadas del punto como argumento, necesita dos números 
que son desplazamientos relativos al punto actual. 
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Estos programas simplemente llenan la pantalla de mil puntos distri- 
buidos aleatoriamente por ella, y luego van comprobando aleatoriamente 


== COLOREANDO FIGURAS 


Antes de explicar la rutina de coloreado general, vamos a realizar un 
programa para ver cómo se puede colorear la figura resuelta. 

La idea es fácil de entender: para cada línea de la pantalla buscar el pun- 
to del borde del polígono empezando por la izquierda. Buscar, a continua- 
ción, el punto del borde derecho del polígono en esa misma línea y unir 
los dos puntos con una línea de color. Si repetimos esto para todas las lí- 
neas de la pantalla tendremos los siguientes programas: 
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49 CLS : CIRCLE 127,87,85 

50-FOR- Y=9-T0- 1475 

0 _LEFT-xX1i=4M 

TO IF POINT IXIY1II=1 THEN 

GO TO 1aa 

35 LET <x1=>1+1 

20 -IF x1<=255- THEN -G60-TG- 70 
100 —LET—xXR=255 

110 TF POTIMTTIXR, VII THEN GO—T 
a 140 

120 LET xXR=XR-1 

130 F—xXR>=49-PHEN—60-TO-—110 
140 —TIF xXI?7=25656 THEN—GO-—TO 160 
1590 PLOT X1l,Y: DRA xR-xX1,0 
154 -NEXT-Y 


TO REMAIN 
20 R * PROG. DE COLOREADO E 


30 REM AXIAL LEER 
40 MODE 1:0L6 

50 ORIGIN 320, 200:MOUE 0,199 
50 CA=COSCP1290):SA=SINCPI/P05 
ZO X1=D+YI=LPO 

80 FOR 1=0 TO 360 STEP 2 

90 XP=X1*CA-Y1xSA 

100 Y2=Y1xCA+XERSÁ 
LLODRAW-X2,Y2 

120 X1=X2:+Y1=Y2 

130 NEXT 

135 ORIGIN-0,0 

140 FOR Y=0 TO-400 STEP-2 


150 Xx1=0 

160 IF TESTC(X1, Y) >0 THEN GOTO 170 
120 =H 2 

120 1F-X1<=63? THEN-G0FO-160 

1720 XxR=5392 


200 1F TESTIXR,Y>>0 THEN GOTO 230 
210 XR=XR-2 

220 1F-XR>=0-—THEN-—GOTO-200 
230-1F-X1->=-640 THEN GOTO 250 
240 DRAWR X1-XR,0 

250 NEXT Y 


Como vemos, el programa es relativamente lento. Además, esta rutina 
sólo vale para figuras convexas, esto es, «sin picos hacia dentro» y sólo sir- 
ve para dibujos con una figura. 


Vamos a ver un ejemplo de mal funcionamiento de esta rutina. 
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JO REM * PROG. DE COLOREADO 2 » 
¿OTE RA TEA OO. PE CULVDREMNTO 


SH JTE=XAN La SS TUNE ARTA_ 42 
1280 1F- X1<=439 THEN CiUgga 


oda O Ml md de 
220 1F XR>=0 THE! 


No colorea la figura adecuadamente, pinta «de más», ya que las líneas 
interiores del «hueco» no las detecta. 

Por tanto, hay que buscar otra forma de colorear figuras que sea más 
general y sirva para todo tipo de figuras cerradas. 
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El método de rellenado general que vamos a diseñar se basa en el si- 
guiente principio: 

Cogemos al azar un punto interior de la figura y lo coloreamos. A partir 
de ese punto vamos mirando los 4 puntos que están encima, debajo, a la 
izquierda, a la derecha, y si están sin pintar, los pintamos y les aplicamos 
el mismo procedimiento. 

Evidentemente el procedimiento terminará cuando todos los puntos 
que comprobemos estén ya pintados, lo que significará que hemos llegado 
al borde de la figura. 

La rutina de rellenado es la siguiente: 


La matriz P es una «cola», que es una forma de guardar los datos, de 
tal forma que el primer dato que guardaremos será el primero que saque- 
mos. Por ejemplo, si almacenamos por este orden los numeros 4,5,7,8 y 9, 
después, al sacar un dato , el primero que saquemos será el 4, luego el 5, 
7, y así sucesivamente. El nombre de «cola» es porque se comporta exac- 
tamente igual que una cola de personas, el primero que llega es el prime- 
ro en ser atendido. Esta matriz nos va a servir para ir guardando los pun- 
tos que tenemos que comprobar. 
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El programa funciona de la siguiente forma: en la línea 100 inicializa- 
mos el principio y el final de la «cola» para saber desde qué punta a qué 
punto de la matriz están los datos, coordenadas X e Y, que tenemos que 
comprobar. En la línea siguiente, 110, miramos si el primer punto está co- 
loreado con la rutina que empieza en la línea 200, y si no lo está, lo colo- 
reamos con la instrucción PLOT y lo guardamos en la «cola» para com- 
probar más adelante los cuatro puntos contiguos. De la línea 120 a 160 lo 
que hacemos es sacar un dato de la cola, siempre el primero que haya es- 
perando en ella, y comprobamos los cuatro puntos adyacentes de la mis- 
ma forma que hicimos con el primero. La línea 170 sirve para comprobar 
si la «cola» está vacía; en ese caso, es que no queda ningún punto por com- 
probar y hemos llegado al final del rellenado, con lo que la rutina no salta 
a la línea 120 a comprobar el siguiente punto de la «cola», y finaliza la eje- 
cución. a 

Hemos hecho este programa en forma de subrutina para poder utili- 
zarlo en cualquier programa de gráficos y poder colorear cualquier figura. 

Su uso es muy sencillo, simplemente escogemos un punto del interior 
de la figura y lo asignamos a X1 e Y1, y seguidamente llamamos a la ruti- 
na con GOSUB 100. Por ejemplo, para colorear la figura con forma de pun- 
ta de flecha, hacemos lo siguiente: 
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500 —DRAL=S50, 1007 —DRALW—=S50,=100 
BRASS, 54 - 

54 FOR Y=0 TO 178 

560 LET xi=a 

PO IF POINT 1x1 141)=1 THEM 

GO-TO—100 

SO LEFT XI=XI+FAL 

20 1F xX1:<=255 THEN GO TO 70 
100 LET pre=1 CET ut=a 

LIO-LET=X3 EX ACE TUE GO SU 
6 2ua 

1280 LET x=Pipr,1)1: LET u=pipr,2 
A iS 

A e e o LET=IGA=yYy+TI>: GO 30 
E- 200 

140 >LET xa=x: LET Ya=y-1: GO SU 
E-200 

150 LET= xa=x*+tioo LET ya=y: 60 Su 


6 240 

1614 LET- x3=x=l: LET Ya=Y: GO su 
E-—2940 

A a a A 
120 z 

130 RETURN 

200 IF PQINT.  (xa,YaJ)>0 THEN. RET 
A! 

2106 PLOT-=x3 ya 

229 LET UL=FN z (UL 

2390 LET Piutjlod=ka: LET piívuL,2) 
=Y3a 

24 RETURN 


TO REM AAA 


20 REM-* PROG. DE-COLOREADO-3—x* 
TO REM RI 


40-—DIM-PC500,2> 

YSMODE-1:CLG 

42 ORIGIN 0,0:+PLOT 100,S50:DRAWR S50,-=S50:; 
DRAWR 50,100 :DRAWR ¡-50,-100:DRAWR 50,50 

SO X1I=1011+Y1=70 

$0—G605UB-100 

Z0—END 

100—PR=tTUL=0 

110 XA4=X1 :YA4=Y1:+G0SUB 200 

120 X=P2PR DY =POPR 22 pr=tpr+b MOD 500 

130 X= YA=Y+2:605UB-200 - 

140 xA=<IYA=Y=2:60SUB 200 


115 


Esta rutina es bastante lenta, por lo que es recomendable usarla sólo 
para figuras de pequeño tamaño. Por contra, podemos tener la seguridad 
de que rellenará correctamente cualquier figura. 

Puedes utilizarla con las figuras del capítulo anterior o inventar figuras 
irregulares y rellenarlas de varios colores cambiando el color de la tinta 
para cada figura. Por último, ten cuidado de que el punto donde te sitúes 
para empezar a colorear no esté ya pintado, y de que la figura sea realmen- 
te cerrada, ya que si fuera una figura abierta el programa intentaría relle- 
nar toda la pantalla. 


EL PINCEL 
DE BROCHA FINA 


AL y como hemos hecho con los gráficos de baja resolu- 
ción, vamos ahora a aplicar todas las técnicas que hemos 
aprendido sobre el manejo de gráficos de alta resolución, 
para realizar un programa de dibujo en la pantalla del or- 
denador, es decir, vamos a volver a convertir a nuestro or- 
denador en un lienzo donde pintas un dibujo, en este caso 
con un pincel fino. 

El programa va a consistir en un punto, nuestro pincel, 
que se va a ir moviendo por la pantalla y con el cual va- 
mos a poder trazar líneas rectas, rectángulos y círculos. También vamos a 
poder colorear el interior de las figuras dibujadas y poner puntos simples 
en la pantalla. Por supuesto, podremos cambiar el color del pincel a nues- 
tro gusto. 


Un ejemplo de lo que podremos hacer es la siguiente figura. 
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PRINCIPIOS BASICOS 
DEL PROGRAMA 


El concepto fundamental que vamos a aplicar en este programa es el 
mismo que el del capítulo 5, o sea, un bucle que se repite indefinidamen- 
te, en el cual leemos el teclado y en función de la tecla leída hacemos una 
cosa u otra. Si recordamos el programa del capítulo 5, esto se conseguía 
mediante la función INKEY$ que nos permitía leer directamente el tecla- 
do. Asimismo, tendremos una serie de teclas que nos permitirán mover- 
nos en la pantalla, más concretamente, I,J,K y M en el Spectrum, y los cur- 
sores en el Amstrad; por supuesto, las teclas se pueden cambiar a gusto 
del programador. 

Otro concepto importante es la función OVER, que si está activada 


También es importante el concepto de «transparencia», que consiste 
que al pintar un punto en la pantalla se conserva el color que hubiese an- 
tes, si había algún punto pintado en la pantalla. En el Spectrum esto se lo- 
gra con la función INK 8, mientras que en el Amstrad el modo transpa- 
rente se conecta con PRINT CHR$(22);CHR$(1) y se desconecta con 
PRINT CHR$(22);CHR$(0). 

La elección de la tinta y el color del papel varían de un ordenador a 
otro, como es natural, ya que trabajan de forma diferente. 


DESCRIPCION DEL PROGRAMA 


Ahora vamos a estudiar el programa de una forma detallada, analizan- 
do cada parte por separado. 

En la primera parte del programa, de las líneas 10 a la 60, inicializa- 
mos una serie de variables que nos van a hacer falta para el funcionamien- 
to del programa. La matriz P es una matriz auxiliar que se utiliza en el pro- 
ceso de rellenado. En el listado del Spectrum creamos una función con 
DEF FN que nos va a servir para simular la función MOD, que calcula el 
resto de la división, ya que el Spectrum carece de ella. También iniciali- 
zamos el modo de pintar (OVER 1), y el color con el que vamos a pintar, 
almacenándolo en una variable auxiliar llamada COLOR. Borramos la pan- 
talla e inicializamos las coordenadas x e y del punto a pintar a 0,0; al pun- 
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to inferior izquierdo de la pantalla. En la línea 50 inicializamos unas va- 
riables auxiliares L,C,R, a cero, que son las que nos van a decir en el pro- 
grama si estamos pintando una línea (L=1); un círculo (C=1) o un rectán- 
gulo (R=1). Y en la línea 60 pintamos el pincel en las coordenadas x,y. 

En las líneas 70 a 290 está contenido el bucle principal de control. Em- 
pieza con una sentencia para leer una tecla del teclado del ordenador. Las 
cuatro siguientes líneas controlan el movimiento del pincel en la pantalla. 
Las cuatro líneas funcionan igual. En la condición de las IF comprobamos 
que se ha pulsado la tecla correspondiente y que no estamos en los límites 
de la pantalla. Seguidamente saltamos a la subrutina en la línea 300, que 
es la que se encarga de pintar o borrar en la pantalla, en este caso borrar. 
Actualizamos más adelante la coordenada correspondiente a la tecla y vol- 
vemos a llamar a la subrutina en la línea 300, en este caso para volver a 
pintar en la pantalla. 

Las líneas 120 a 140 se encargan de controlar las teclas L,C,R, que son 
las que nos van a permitir pintar una línea, un círculo o un rectángulo. Si 
pulsamos una de estas teclas, luego con las teclas de movimiento podre- 
mos variar el tamaño y dirección de la figura pintada sin modificar el di- 
bujo que ya hubiera. Estas teclas sólo permiten coger un solo modo a la vez. 

Las líneas 150 y 160 nos permiten fijar o borrar definitivamente lo que 
estamos dibujando provisionalmente en la pantalla. Por ejemplo, si esta- 
mos dibujando un rectángulo, al pulsar F el dibujo se «fija» en la pantalla, 
y si pulsamos B, el rectángulo desaparece de la pantalla, con lo que esta 
tecla es útil para borrar un dibujo previamente fijado. Si pulsamos F mien- 
tras nos movemos sin trazar ningún dibujo, fijamos un punto en la panta- 
lla, y esto puede ser útil para dar efectos de sombreado a los dibujos. En 
el caso de la tecla F lo que hacemos es quitar el modo OVER 1 y pintar el 
dibujo, luego restablecemos las condiciones normales. Para la tecla B es 
igual, pero borrando en vez de pintar. 

Las líneas 170 y 180 sirven para cambiar el color del pincel y el color 
del fondo. En el caso del color del pincel basta con pulsar un número den- 
tro del rango de colores y automáticamente el color del trazo dejado cam- 
biará. Al cambiar el color del papel además la pantalla se borrará, permi- 
tiéndonos comenzar un dibujo nuevo. 

En la línea 190 detectamos la letra e, que nos va a servir para rellenar 
un área de un color determinado. Para ello, en la línea ponemos el color 
de la tinta, quitamos el modo OVER 1 y llamamos a la rutina de rellenar 
de color. 

En la mayoría de las sentencias anteriores, en los IF aparece la condi- 
ción (L+R+C)=0, esto es para evitar mezclar dibujos distintos o rellenar, 
o sea, mientras estamos pintando algo no podemos hacer otra cosa. Tam- 
bién en esas líneas aparecen 2 variables X, e Y,, que son las coordenadas 
donde hemos empezado a pintar algo. Es como si el punto X,, Y, lo hu- 
biéramos pinchado con un alfiler y a partir de ahí empezamos a pintar algo. 
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En la línea 300 empieza la subrutina de pintar, y lo que hace es com- 
probar si hay algún modo puesto (C=1, L=1 o R=1) y pintar una cosa u 
otra en cada caso. 

En el caso de L=1 pinta una línea de X,, Y, a X, Y. Si R=1, pinta un 
rectángulo con dos vértices opuestos en X,, Y, y X, Y. 

Si es C=1, pinta una circunferencia de centro X,, Y, y de radio hasta 
A, Y. 

Si no hay ningún tipo de dibujo activado, simplemente pinta un punto. 

En la línea 400 empieza la rutina de coloreado, tomando como punto 
inicial el punto X,, Y,. Esta rutina colorea cualquier tipo de figura, pero 
es muy lenta, con lo que sólo es útil para colorear regiones delimitadas 
por líneas pequeñas. No es conveniente colorear una figura abierta, ya que 
no detecta los bordes de la pantalla y el programa se pararía dando un 
error. 


Vamos a hacer un resumen de las teclas disponibles en este programa. 


IN  : movimiento hacia arriba 

M TX  : movimiento hacia abajo 

JN  : movimiento a la izquierda 

K TN  : movimiento a la derecha 

L : empieza el modo línea. Cualquier desplazamiento provoca- 
rá un aumento o disminución de la línea 

R : Empieza el modo rectángulo. Cualquier desplazamiento pro- 
vocará un aumento o disminución del tamaño del rectán- 
gulo. 

C : Empieza el modo círculo. Con las teclas de desplazamiento 
conseguiremos el aumento o disminución del tamaño. 

F : «Fija» el dibujo en la pantalla y termina cualquier modo 
activo. 

B : Borra el dibujo de la pantalla y termina el modo activo. 

0 : (número de color), pone el pincel de un color determinado. 

v : Cambia el color del fondo y borra la pantalla. 

E : Rellena un contorno cerrado del color del pincel partiendo 


de la posición actual. 


Evidentemente se pueden añadir muchas más opciones, pero las más 
interesantes son: 

— Posibilidad de guardar y coger de la cinta o disco un dibujo ya he- 
cho. En el Spectrum esto se puede realizar con una sentencia tal como la 
siguiente: 


EXFIDAU PO 
FIGURA” $ 


y en el Amstrad: 


Para más información, mirar los manuales correspondientes. 

— Tecla para finalizar el programa. 

Los sistemas de dibujo de este programa son los mismos, muy simpli- 
ficados naturalmente, que los que emplean los sistemas de Diseño Asistido 
por Ordenador, CAD. 

Las posibilidades del programa y de la alta resolución no se han aca- 
bado aquí, hay un montón de técnicas que no hemos explicado, pero con 
los conocimientos adquiridos en este libro se podrá investigar y descubrir 
una gran cantidad de ellas. Animo y a programar. 


A A e 
LS 7 O A 1 da A A A A a o 


== Z 
A IUUIAZA TELS 
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180 IF Té="V" AND (L+R+C>=0 THEN LOCATE 1,25: 
INPUT "COLOR DEL FONDO "A: 1F-A>=0 AND A<=26 THEN-1 
NK-=0ATCESIOL6:X=0Y=0:PLOTGY 

TROTF-T$="E" AND CLARECI=0-THEN-PRINT-CHRSC2D)35 HRS; 
PEO A IDA=X AE Y GOSUB 4007+X=X 13 Y=Y17PRINT-CHRS 
(23) 30HR$ 0D); :PLOTOGY,CO 

290 G0TÓ—?0 

2300 —REM—=x*-SUBRUTINA-DE-PINTÁR-x 

DOI FEE THEN PLOT EP DRANR= X= Y CP 
IP AF E=- THEN ORIGIN A EFGOSUB 600 +70RIGIN=0,0 
330 1F-<L+R+C)=0 THEN PLOT X,Y EP 
340—1F-R=1-THEN-PLOT-XE YE EPDRAWR XXI 0,5P3 
DRANR=0 Y=Y1CP7DRAUWR=X1=25,0€0P7—DRANR-O, Yi Y,EP 
350 REM IN=DE-EASUBRUTINA—X 

390 RETURN 

400-PR=1—:BE=0 

410 xA=X11YA=Y17605UB-500 

420-X=P<PR, DO) FY=PXPR 21 5PR=CPReDD MOD 500 

430 XA=X:1VA=Y+21G605UB- 500 

440 x=: YA=Y=2:605UB 500 

4S0-XA=X*27YA=Y700SUB-500 

450 XA=X=2Z1YA=YFGOSUB-500 

IF PROCE MOD 5007 THEN=GOTO-420 

480 RETURN 

500-1F-TESTOA,YA)>>0—THEN-RETURN 

510 PLOT-A,YA,00 

520 UL=CUE+D—MOD 500 

530 P(DL, 1)=XAtPCUL,2=YA 

540 RETURN 

£00—R=ESORIABSOXL OO A 2AABSIV EI 

£IMOUE-0, RECA=COSCPI20)5SA=SINCPIIP0) 
E202=07+12=R 

£230 FOR 1=0 TO 180 

¿40 X3=X2*CA-12*SA0 YI Y2ACA+X2ASA DRA 2, Y2,0P 

BED ARA Y DIME 

¿60 RETURN 


TIREN III 

20— REM xx pg. de Dibujo Fina 

DORE ARRANCA 

2339 DIM Pp ts5aa, 2) 

IS DEF EFNZIAZINTO COCINE SA 
Br=TINTCTTIRFI SSB IASODAT +1 

44 QUER 1: LET- colór=0O0: INK €: 
LET-34=0: LET-x=0:€L$S 

Se LET-t=A: LET c=B0: LET-r=D 

60- PEOT- xy 
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FALET-13B=IMKEYA> TIFF tá="" THE 
N 6Q Ta a 
50 IF tA="i" AND Y<175S THEM GO 
SuUb—300 1ET—4=Y+1:60-—5UB—3008 
30 IF 1%" AND 3470 THEN—GO0-—S 
UB 30: LET- Y=39=17>G60 305-340 
100 IF t="j3" AND x>a THEN GO S 
UBN—3BO: LL ET—x=x-1:-6090-—SUB— 300 
VIA IF 13 2 AND 255 THEN-6O 
SUB—3UA0: TET=x=x=+17 60505300 
120 -IF tH="1" AND IL+F+CcI=0 THE 


N55t tano? E 
A A e e a e sr, E e ro 
140 IF 132 AND arc RA THE 
-——_ A 
TIRAS TIAEESNAIINICOORIO) 
VER 4: GO-SUEBE 3404: DUER- 1:  FLOT 
A rs E A Ti A. A TC Am, 
TMK 3 

1560 TF TIRE= bb THEM IMA COcCOR:> 0 
VER QQ: INUERSE- 21: GO SUB 304: TIM 
VERSE 4: QUER- 1: PLOT X,Y: LET 1 
a a E a A rs E A a A, - Sl a 

A AAA AA AA AA A A AAA 
GO SUE 37 LET— cotar=UACL 1%: 
O SUB 300 

15909 IF —t%="vw" AND EL+F+<J=0 THE 
M—IMPUT-*cotor det fondo "3 ash: E 
FERCA SD AMD AAC SPA THEN 
RARERURCIGTITAIAZIZTTCOSAZZIZTAE TADO 
LET Y=08 

198 TF-—t4%="e"- AND C+r+c2)=490- THE 
MN-—PLOT—x398:QUER-9: ENFH-—<6-19f-: 
A A A A A A A a o a A a 
ETX=ZxXI LET Y=y1> OVER 1 PLOT 
XxX y: INK- a 

29289 a To a 

304 REM * subrutina de pintar + 
S1AM—TIF—t=1 THEM PLOT xi YA: DRA 
LX=xXI,Y=-yi 

3240 IF -Cc=1 THEN CIRCLE Xx1,Y1,50 
R (ABS. (x1-x0P72+4ABS (Y 1-39Y)72) 
3S3TM0—IF — Cti+r+c)=0-— THEN TINK-2: FL 
OTI 

34M0- IF T=1 THEM PLOT x1,3Y41: DRA 
Y x-—-x1,0: DRAU 4,Y-Y1: DRALDL xl->x 
50: DRAW AYl-—y 


350 REM x fim de ta subrutina * 
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APENDICES 


APENDICE SOBRE 
GRAFICOS EN IBM 


Los ordenadores IBM disponen de una gran potencia gráfica que nos 
permite resolver prácticamente cualquier problema sobre dibujo que po- 
damos plantearnos. 

En el presente apéndice vamos a hacer un breve repaso de los gráficos 
en baja resolución, así como un estudio resumido de las principales sen- 
tencias gráficas para alta resolución que podemos utilizar en un IBM. Fi- 
nalmente, veremos algunos programas de ejemplo. 


Baja resolución 


La pantalla de baja resolución (o pantalla de texto) es la que presenta 
el ordenador nada más encenderlo. Dispone de 25 filas y 80 columnas (nu- 
meradas de 1 a 25 y de 1 a 80, respectivamente). Sin embargo, también po- 
demos disponer de una pantalla de 40 columnas. 

Para cambiar de un ancho de pantalla al otro existe el comando: 
WIDTH A donde A valdrá 40 u 80, según el número de columnas que de- 
seemos. Por otra parte, si por cualquier motivo nos encontráramos en una 
pantalla gráfica (alta resolución) y quisiéramos pasar a la pantalla de tex- 
to, el comando SCREEN 0 nos resuelve este problema. 

Para imprimir en una posición determinada de la pantalla de texto te- 
nemos que teclear, antes de la instrucción PRINT correspondiente, la sen- 
tencia LOCATE X,Y donde X indica el número de fila e Y el número de 
columna. El origen de filas y columnas se encuentra en el ángulo superior 
izquierdo (posición 1.1). Por otra parte, aunque la pantalla cuenta con 25 
líneas conviene no imprimir por debajo de la línea 22, ya que el IBM re- 
serva las tres líneas inferiores para mensajes de error o conformidad (OK), 
introducción de nuevas órdenes e impresión en pantalla de claves de fun- 
ciones (Fl ...F10). 
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El IBM cuenta, además de los caracteres estándar (letras, números y 
signos), con una gran variedad de caracteres gráficos, cada uno de los cua- 
les tiene asignado un número del código ASCII. Por tanto, para imprimir 
uno de estos caracteres no tenemos más que teclear: PRINT CHR$(N), don- 
de N es un número entre 0 y 255 que representa el código ASCII asociado 
al carácter que deseamos imprimir. 

En cuanto a los colores, el IBM puede cambiar los colores de la tinta, 
el fondo (papel) y el borde con una sola sentencia: COLOR, que tiene el 
siguiente formato: 


COLOR [T][,[F][,B]] 


Donde T es un número entre 0 y 31 que representa el color de la tinta, 
F es un número entre 0 y 7 para el color del fondo, y B es un número en- 
tre O y 15 que define el color para el borde de la pantalla. 

Los colores disponibles son los siguientes: 


O Negro 8 Gris 

1 Azul 9 Azul claro 

2 Verde 10 Verde claro 

3 Azul ultramar 11 Azul ultramar claro 
4 Rojo 12 Rojo claro 

5 Magenta 13 Magenta claro 

6 Marrón 14 Amarillo 

7 Blanco 15 Blanco intenso 


Podemos observar que los parámetros del 16 al 31, admisibles para la 
tinta, no están incluidos en esta tabla. Esto es debido a que vuelve a ser la 
misma secuencia de colores, pero en estado intermitente, es decir, los ca- 
racteres aparecen en pantalla parpadeando. 


La pantalla de alta resolución (o pantalla gráfica) del IBM puede alcan- 
zar dos niveles distintos de resolución: 320 por 200 puntos o 640 por 200 
puntos. Ya vimos en el apartado anterior que SCREEN 0 nos proporcio- 
naba la pantalla de texto; pues bien, el comando SCREEN 1 nos propor- 
ciona la pantalla gráfica de media resolución (320 por 200) y el comando 
SCREEN 2 da paso a la pantalla gráfica de alta resolución (640 por 200). 
SCREEN puede usarse también como instrucción dentro de una línea de 
programa. En ambas pantallas gráficas el origen de coordenadas está en 
el ángulo superior izquierdo, en el punto (0,0). 
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Principales sentencias gráficas 


Nota aclaratoria: Los parámetros entre corchetes son opcionales, por 
tanto, se pueden suprimir, y el ordenador tomará por defecto el valor que 
esté definido en el momento de la ejecución. 


Pset y Preset 


Dibuja un punto en la posición de la pantalla especificada por las coor- 
denadas (x,y). 


Tiene la.misma misión que PSET con la única diferencia de que, si no 
se especifica el parámetro color, selecciona el mismo color del fondo para 
dibujar el punto de coordenadas (x,y). 

Ejemplo: 


| 


A 


mi 
il! 


ll 
| 


El programa dibuja un punto en el centro de la pantalla gráfica de me- 
dia resolución y tras una breve pausa la borra (imprime un punto con el 
color del fondo). 
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Dibuja una línea o un cuadrado en la pantalla. La forma más sencilla: 
LINE [(X1,Y1)]-(X2,Y2) traza una línea en la pantalla desde el punto de 
coordenadas (X1,Y1) hasta el punto (X2,Y2). Si no especificamos el pri- 
mer punto, la línea se traza desde el punto donde estuviera posicionado el 
cursor gráfico en ese momento. 

El argumento B produce el dibujo de un rectángulo con los puntos 
(X1,Y1) y (X2,Y2) como vértices opuestos. 

El argumento BF también dibuja un rectángulo y además lo rellena con 
el color seleccionado. 

La opción estilo sirve para trazar líneas discontinuas o punteadas. Este 
último parámetro se introduce en forma de número hexadecimal y repre- 
senta una secuencia de 16 bits con 0 ó 1. Los 1 se traducen en puntos en- 
cendidos en la pantalla y los O serán puntos apagados. 

La opción estilo no puede incluirse junto a BF, ya que no tiene sentido 
dibujar un rectángulo con las líneas punteadas y rellenarlo de color. 

Ejemplo: 


El programa dibuja un cuadrado en el centro de la pantalla de media 
resolución y lo rellena de color (línea 20). Como no está especificado el 
color, utiliza el que está definido para la tinta en el momento de la 
ejecución. 

La línea 30 traza una línea de puntos debajo del cuadrado. 


Traza un dibujo según se especifique en la cadena de caracteres. 

DRAW utiliza un lenguaje de definición de gráficos. Los mandatos de di- 
cho lenguaje son los que deben incluirse en la expresión cadena de 
caracteres. 
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Principales mandatos 


Nota: el parámetro n indica la distancia a desplazar. 
Un movimiento hacia arriba 

Dn movimiento hacia abajo 

Ln movimiento hacia la izquierda 

Rn movimiento hacia la derecha 

En movimiento en diagonal hacia arriba y derecha 
Fn movimiento en diagonal hacia abajo y derecha 
Gn movimiento en diagonal hacia abajo e izquierda 
Hn movimiento en diagonal hacia arriba e izquierda 


Los dos mandatos siguientes pueden preceder a cualquiera de los 
anteriores: 


B movimiento sin trazado de puntos 
N movimiento y retorno a la posición original cuando termine 
P color, límite 
permite colorear figuras. El parámetro color es el color para la fi- 
gura y el límite es el color del borde. 


Existen algunos mandatos más para la sentencia DRAW que podemos 
encontrar en el Manual BASIC de IBM. 
Ejemplo: 


El programa sitúa el cursor gráfico en el punto (110,150) (línea 20). En 
la línea 30 dibuja un cuadrado. En la línea 40 el cursor gráfico se mueve 
en diagonal (arriba y derecha) hacia dentro del cuadro. Por último, en la 
línea 50 pinta el interior del cuadrado. : 


Circle 


Dibuja elipses o circunferencias en la pantalla con centro en el punto 
de coordenadas (x,y) y radio (eje principal de la elipse) r. 

Los parámetros comienzo y final son ángulos en radianes y pueden va- 
riar entre -2*PI y 2*PI. Determinan dónde comienza y termina el trazado 
de la elipse, permitiendo así trazar arcos. 

El parámetro aspecto es un número que da la relación entre los dos 
ejes principales de la elipse. Si se omite el resultado será una cir- 
cunferencia. 

Ejemplo: 


El programa traza una elipse de eje mayor (horizontal) igual a 60. Si el 
aspecto fuera mayor que 1 el eje mayor sería el vertical. 


A 


Selecciona el color del papel (fondo de la pantalla). El parámetro fon- 
do es un número entre O y 15 que especifica el color del fondo. El pará- 
metro paleta toma valor 0 ó 1 y selecciona una de las dos paletas disponi- 
bles para el color de la tinta. 


Color Paleta 0 Paleta 1 
1 Verde Cyan 
Z Rojo Magenta 
3 Marrón Blanco 
0 Color del fondo Color del fondo 


Por tanto, los parámetros color vistos en las anteriores sentencias sólo 
pueden tomar valores comprendidos entre O y 3 en media resolución 
(SCREEN 1). En alta resolución (SCREEN 2) sólo hay dos colores dispo- 
nibles para la tinta: el mismo color del fondo (0) y el blanco (1). Los va- 
lores tomados por defecto son O (negro) para el fondo y 3 para la tinta 
(marrón en la paleta 0 y blanco en la 1). 
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Ejemplo: 


| 


El programa selecciona en la línea 20 el color 1 (azul) para el fondo y 
la paleta O. En la línea 30 traza un rectángulo y lo colorea con el color 2 
(rojo en la paleta 0). 


Rellena un área de la pantalla con el color seleccionado. Las coorde- 
nadas (x,y) corresponden a un punto dentro del área que va a rellenarse. 
El parámetro color, igual que en las demás sentencias, indica el color con 
el que se va rellenar la figura y, por tanto, podrá tomar un valor entre 0 y 
3 en media resolución y los valores 0 ó 1 en alta resolución. El parámetro 
límite determina el color de los bordes de la figura a rellenar, por tanto, 
tiene las mismas características que color. Por último, fondo es un carác- 
ter gráfico definido por el usuario para pintar. 


Ejemplo: 


El programa traza una circunferencia de radio 80 en el centro de la pan- 
talla (línea 20) y a continuación la rellena con el color 2 (rojo o magenta 
dependiendo de la paleta que esté seleccionada en el momento de la eje- 
cución). El límite es de color 3 (marrón o blanco), ya que al no estar es- 
pecificado en la sentencia CIRCLE toma el valor máximo de la gama. 
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Step 


Esta sentencia no es propiamente de tipo gráfico, pero se utiliza ligada 
a ellos. Sirve para dar las coordenadas (x,y) en forma relativa en lugar de 
en forma absoluta que es como lo hemos visto hasta ahora. 


Ejemplo: 


Este programa tiene el mismo objetivo que el anterior, pero utiliza 
coordenadas relativas en la sentencia PAINT y están referidas al último 
punto posicionado que es el centro de la circunferencia y de la pantalla 
(160,100) en coordenadas absolutas. 

Hasta aquí hemos hecho una breve descripción de las principales sen- 
tencias gráficas. Existen algunas más que nos permiten todo tipo de «so- 
fisticaciones» gráficas y que podemos encontrarlas explicadas detallada- 
mente en el Manual de BASIC de IBM. 

Por otra parte, las sentencias gráficas más potentes sólo existen en las 
versiones de BASIC Avanzado, por lo que conviene utilizar este tipo de BA- 
SIC si queremos evitar mensajes de error. 
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CODIGO ASCII DEL AMSTRAD 


Hd (DEN CA CAES 
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sn Au A mA Ad ota: nos: 


A 


E 
sl 
Al 
ap 
di > 
PE 
sii 
gl 
p] 
d 
al 


LEE EETESARAAAASaSbo2sSasisaitcia2ss53 


CARACTER CHRS 
e 
, 


E O E: TE E E SS: E E E 


1 Gua" 27 Hd TA BOO OA 


CARACTER CHR$ 
A, 


sE HB mm tala Fa”" 


CARACTER CHR$ 
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CODIGO ASCII DEL COMMODORE 


NO n€$2»A=AQNpNÁc. 0 


o 


CONMUTADOR 
MINUSCULAS 


CASK 
-—> 
! 


AREODdONEa 
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0550500800000 D08 00 


E E 


DO 
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dE 


4? 


a] 


rs 
ca] 


=s2 
=3 


s4 
ss 
ss 


ES 
9 


CODIGO ASCII DEL SPECTRUM 


(ROm* os 


| 
Y 


l 
m1 


1 
ko + 


Í 
XLHTYONMDON ae 


76 
E 
78 
72 
su 
Ss 1 
22 
sa 
sd 
Ss 
365 
sa? 
ss 
so 
30 
s1 
as 
a3 
a 
as 
25 
a7 


xo 

aa 

100 
1401 
las 
1053 
104 
105 
105 
1907 
105 
103 
== 
LIT 
11= 
113 
114 
115 
115 
E 
115 
a 


EXCeAbA AA ADOOS AD a Mom or 


120 
121 
i2= 
125 

ex 
T235 
125 
LR 
120 
123 
130 
131 
132 
133 
134 
135 
135 
137 
133 


139 


140 
141 


l42 
143 
144 
TES 
14€ 
TER 
143 
1453 
154 
A _ 
152 
155 
pr 2 
ES 
15e 
E 
156 
152 
1548 
151 
is52 
1563 


A 


JO DO DOZ aca donmoo o MA ANUN? dm 60 
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Di 
p 


íñ 


PRRRPRRRRRRRRRRR AR 
6 dada dd dd dd 


800-0000 -JO 
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a] 


RMC 


IMKEs$ 
PI 

Fn 
POTIMT 
SEOREENS 
ATTR 
AT 
TAE 
AO 
cocE 
MAL 
LEN 
a a e | 
cos 
TAM 
A3N 
AS 
ATM 
NM 
EXP 
INT 
Sur 


A el 
ABS 
PEER 
In 
usa 
TES 
CHR 5 
NOT 
SIN 
oR 
Anc 


e -= 


e 


EME 
THEM 
TO 
STEP 
SEF-FN 
e 
FORMAT 
a 


EA 


DNA», 
O 0060170 mmm, 
P*800-]0714 (0D 


mn mn 
000 
+ 60m 


Mm 
1) 
(1 


mM 
Y 
Di 


) 
) 
*] 


JONA 
P(10L 
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ERASE 
OPEM—HA 
ScLiose + 
MORASE 
VERIFY 
BEEP 
CIRCLE 
TIME 
PAPER 
FLASH 
BRIGHT 
IMPERSE 
DIER 
aLrT 
=PRFEE 
LELIST 
STOP 

A AD 
SATA 
RESTORE 
MEL! 
BORDER 


SONT IMUE 
DIM 


y 
a 


FOR 
co To 

so sus 
INPUT 
LOAD 

LisT 

== 

PAUSE 
NEXT 

POKE 
PRINT 
PLOT 

RUN 

SAVE 
RANDOMIZE 
IF 

SES 

ORAL 
SLEAR 


ARCOTURN 
2o0PY 


NON 6 04 qdN"o 


A A IR A A | 


TABLA DE CONVERSION DECIMAL-BINARIO 


00000000 
00000001 
00000010 
00000011 
00000100 
00000101 
00000110 
00000111 
00001000 
00001001 
00001010 
00001011 
00001100 
00001101 
00001110 
00001111 
00010000 
00010001 
00010010 
00010011 
00010100 
00010101 
00010110 
00010111 
00011000 
00011001 
00011010 
00011011 
00011100 
00011101 
00011110 
00011111 
00100000 
00100001 
00100010 
00100011 
00100100 
001001p1 
00100110 
00100111 
00101000 
00101001 
00101010 
00101011 
00101100 
00101101 


46 
47 
48 


00101110 
00101111 
00110000 
oorr0001 
00110010 
00110011 
00110100 
0Ortorol 
00110110 
00110111 
DO111000 
00111001 
00111010 
00111011 
00111100 
00111101 
pDot1i1110 
OOt11111 
01000000 
01000001 
01000010 
01000011 
01000100 
01000101 
01000110 
01000111 
01001000 
01001001 
01001010 
01001011 
01001100 
01001101 
01001110 
01001111 
01010000 
01010001 
01010010 
01010011 
01010100 
01010101 
o1010110 
01010111 
01011000 
01011001 
01011010 
01011011 


A O IA IAN CN AA 


01011100 
Orotritol 
Orortitto 
01011111 
01100000 
or100001 
01100010 
01100011 
01100100 
D1100101 
01100110 
01100111 
01101000 
01101001 
ot101010 
01101011 
01101100 
1101101 
o1to1t11to0 
01101111 
01110000 
01110001 
01110010 
01110011 
01110100 
01110101 
01110110 
01110111 
01111000 
01111001 
01111010 
O111011 
Di111100 
01111101 
01111110 
OIL 
10000000 
10000001 
10000010 
10000011 
10000100 
10000101 
10000110 
10000111 
10001000 
10001001 
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A e 
A A a 


A A A e A 
A A A o 


e PP e e rr 


A A A A 
A AAA A a o e 


A A e 
Es 


11m ——-20t = 11001Nf $ ZAR 
241 = 1111000] 


¡LL = 11011] 
Ló3 = 1010001] 
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De entre las posibilidades que ofrecen 
los ordenadores una de las más 
sencillas, divertidas y apasionantes es, 
sin duda, la creación de gráficos. 


Desde el primer «brochazo» aprenderá a 
diseñar y colorear tanto figuras sencillas 
como las más sofisticadas creaciones 
que puede llegar a imaginar, sin 
necesidad de profundos conocimientos 
informáticos ni artísticos. 


Plasme sus ideas en atractivos 
programas llenos de color. 


